大前端

前端学习之家-大前端

关于vue打包的时候会出现白色页面的问题

前言

这几天在做项目,项目做完使用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
})

vue.config.js文件

修改 vue.config.js文件

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

输入下面的代码

module.exports = {
    publicPath:'./'
}

最后

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

发表评论:

Copyright Your WebSite.Some Rights Reserved.