关于vue打包的时候会出现白色页面的问题_var动态颜色打包后是白色

前言

这几天在做项目，项目做完使用webpack打包的时候遇到了个问题，在打包后打开index页面会出现白屏的效果，通过各种路径终于把这个事情解决了

解决办法

1. 修改 vue.config.js文件
2. 修改src里面的router文件夹里面的index.js文件

vue-router文件

在src里面的router文件夹里面的index.js文件

把mode注释掉 或者 改成 hash

const router = new VueRouter({
  //把 mode 注释掉 或者 改成 hash
  // mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

1
2
3
4
5
6
7

vue.config.js文件

修改 vue.config.js文件

如果没有 vue.config.js文件的话就在vue的跟目录创建一个 vue.config.js文件

输入下面的代码

module.exports = {
    publicPath:'./'
}
1
2
3

最后

如有错误请告知博主 博主博客