VueJS 2.0：部署到子文件夹是空白的吗？

Question

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

控制台没有错误。

我做错了什么？

Answer 1

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

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

module.exports = { NODE_ENV: '"production"', ROUTER_BASE: '/subfolder' }

new VueRouter({ base: process.env.ROUTER_BASE, // ...etc })