我很难让我的应用程序使用Nuxt进行静态部署。我想将静态文件部署到我的网站(www.example.com/test)的“测试”子目录。
当我运行“”时,它会生成一个“..output/public”目录,其中包含我复制到生产服务器的"test“文件夹的文件。但是,在这样做时,我会遇到404个错误:我的公用文件夹中的index.html文件引用了我的网站根目录中的文件(摘录):
<meta name="head:count" content="2">
<link rel="modulepreload" href="/_payload.js">
<link rel="modulepreload" as="script" crossorigin href="/_nuxt/entry.8af327a9.js">如您所见,该页面正在根目录而不是/test目录中查找js文件。
下面是我的带有路由器配置的nuxt.config.ts:
export default defineNuxtConfig({
target: 'static',
css: [
'~/assets/global.scss'
],
router: {
base: '/test/'
}
})我还尝试将public_path设置为"/test“,但它也不起作用。有什么我误解了吗?
发布于 2022-09-29 10:53:12
您应该在nuxt.config.js|ts中设置基本URL
export default defineNuxtConfig({
app: {
baseURL: '/test/'
}
})请参阅:https://v3.nuxtjs.org/api/configuration/nuxt.config#baseurl
https://stackoverflow.com/questions/73893732
复制相似问题