vue-cli 3.0生成的项目run build后为空白页

Posted bjhl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 3.0生成的项目run build后为空白页相关的知识,希望对你有一定的参考价值。

vue-cli 3.0 生成的项目与2.x不同,其中并没有webpack配置文件config/index.js。这个时候需要我们在项目的根目录下创建一个vue.config.js文件,代码如下:

1 module.exports = {
2     baseUrl: ‘./‘,
3 };

自己看效果的时候,再将路由改为hash模式。就可以直接打开生成的index.html看到和run serve时一样的效果了。

以上是关于vue-cli 3.0生成的项目run build后为空白页的主要内容,如果未能解决你的问题,请参考以下文章

Vue-cli3.0项目下axios请求本地json文件的数据

vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误

VUE-CLI Vue安装及开发,npm run build无法查看项目的问题

vue-cli构建项目 npm run build后应该怎么运行在本地查看效果

vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件

vue-cli3.0之vue.config.js的配置项(注解)