vue打包完index.html空白,vue打包后找不到js

　　本文主要介绍vue.js打包项目后空白页的解决方案。边肖认为这很好。现在分享给大家，给大家一个参考。来和边肖一起看看吧。

　　相信很多刚接触vue的伙伴都会遇到这样的问题，也就是说vue项目在开发环境下运行良好，但是打包后index.html页面空白，打开控制台发现这样的错误。

　　这种情况有两种处理方法(vue-cli2和vue-cli3)，首先是vue-CLI 2；首先，找到config/index.js文件，将assetPublicPath的路径改为"。/".

　　Vue-cli3稍微麻烦一点，因为vue-cli3简单很多，没有配置文件，需要自己创建。只能在项目的根目录下创建，文件名只能是vue.config.js，然后在这个文件中添加以下代码。

　　模块.导出={

　　资产目录：静态，

　　平行：假，

　　公共路径：“”。/,

　　}

　　在这一点上，是可以的，但是有些朋友还是没有表现出来。那是因为你的路由模式。您可以将路由模式更改为“哈希”。虽然有点丑，但至少功能出来了。如果不想用“哈希”模式，又不得不用历史模式，本地是接受不了的，那就要配合服务器了。下面介绍如何用nginx配合vue使用历史模式。

　　安装nginx我就不说了。假设你已经安装了nginx，把它添加到服务器上。

　　位置/AAA {未定义

　　别名D:/BBB/CCC；

　　索引index.html index.htm；

　　try _ files $ uri $ uri//AAA/index . html；

　　}

　　其中/aaa是要访问的地址，D:/bbb/ccc是您的文件实际存储的路径，index是指您的导入文件。如果您的文件名不是index.html，它将被替换为您的导入文件的名称。这里最重要的是try _ files $ uri $ uri//AAA/index . html这句话，这句话主要是用来对付vue的历史模式的。配置完nginx之后，您必须在项目中添加一些东西。其实也很简单，在项目的src目录下添加即可。

　　在config/index.js中添加

　　是，否则，刷新页面时将报告错误404。当然，这是项目放在二级路线的情况。如果是一级路由，则不需要添加属性库。

　　最终效果如下。

　　这里完成了从vue打包到部署的流程。希望对你有所帮助。

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。