vue-cli3 运用子目录布置题目

在运用 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形式

    原文作者:源泉
    原文地址: https://segmentfault.com/a/1190000015677012
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞