在运用 vue-cli3 build的时刻,运用非子目次需要在 vue.config.js 中增加以下代码:
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/',
}
然则build完后,放在nginx效劳下,会看到以下报错,页面也显现 no-script 的内容
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
网上找了许多,并没有找到答案。厥后发明 vue-router 是用了 history 形式,然则 nginx 并没有增加响应的设置便会涌现这个题目。所以,以下解决方案:
1.变动临盆环境设置,使得支撑 history 形式。这里只需要修正 nginx 的设置,把 404 指向 index.html 即可。
2.不在运用history形式