SPA静态Nuxt应用程序在通过共享主机部署时无法获取静态文件，但在本地服务器上运行良好

Question

我正在尝试在共享主机服务(Bluehost(上托管的子域上部署SPA nuxt项目。

我按照这篇文章运行nuxt build && nuxt export并尝试在本地服务器上提供生成的静态文件(dist(，它工作正常。

但是一旦我尝试实际部署，该页面就无法成功加载，并且在 Chrome devtools 的"网络"选项卡中有多个 404，说它无法获取在_nuxt目录中找到的所有生成的静态 js 文件：

runtime.c59f93b.js  
commons.app.db9bcff.js
app.fe0b14c.js  

有人碰巧知道是什么原因造成的吗？或者是否需要向nuxt.config.js添加任何内容？尝试搜索文档，但无济于事。ff是我的nuxt.config.js：

export default {
mode: 'spa',
/*
** Headers of the page
*/
head: {
title: process.env.npm_package_name || '',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
/*
** Customize the progress-bar color
*/
loading: { color: '#fff' },
/*
** Global CSS
*/
css: [
],
/*
** Plugins to load before mounting the App
*/
plugins: [
],
/*
** Nuxt.js dev-modules
*/
buildModules: [
],
/*
** Nuxt.js modules
*/
modules: [
],
/*
** Build configuration
*/
build: {
/*
** You can extend webpack config here
*/
extend (config, ctx) {
}
},
target: 'static'
}

提前谢谢。

Answer 1

问题是我试图部署到子目录，而不是站点的主目录，因此Nuxt试图从错误的目录中获取文件，即

/mainsite/public/commons.app.db9bcff.js

当它应该在

/mainsite/subdir1/dirname/public/commons.app.db9bcff.js

解决方案是在nuxt.config.js中手动配置router属性：

router: {
base: '/subdir1/dirname/'
}

感谢用户@Rie成为指出此属性的人，最终成为解决方案。