web-applications - VueJS 2.0 : Deploying to sub-folder comes out blank?

Question

我一直在尝试将我的 Vue2 网络应用程序部署到我域中的一个子文件夹中，但它是空白的。我尝试了几种不同的修复方法，例如更改 config/index.js 以匹配我的实时站点中的路径，更改 dist 文件夹中生成的 index.html 文件以匹配路径。

控制台没有错误。

我做错了什么？

Answer 1

假设您正在使用 webpack(通过 vue-cli 设置)，您需要在配置中设置子文件夹并将其传递给 troute。

• 在config/****.env.js 文件中添加ROUTER_BASE
• 将路由器的 base 设置为 ROUTER_BASE ( https://router.vuejs.org/en/api/options.html#base )

module.exports = {
NODE_ENV: '"生产"',
ROUTER_BASE: '/子文件夹'
}


新的 VueRouter({
基础:process.env.ROUTER_BASE，
//...ETC
})