VUE打包后不显示

在运行 npm run bulid后，打开dist目录下打包好的文件，不显示仍和数据

image.png

解决办法：

1.在根目录新建 vue.config.js ，这个文件是vue规定好的，专门用来做bulid里面的配置

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

2.然后执行npm run bulid后如果页面还是出现空白：把router文件夹内部的index.js的mode注释，或者将 mode改为 mode: 'hash',

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes})

3.然后运行npm run bulid，可以得到一个dist文件夹，这个就是打包好的文件

hash模式会带来#，很丑，想去调#可以改成history
1.开发阶段history模式不会有#，但是打包上线后，需要后端帮忙指定项目根目录
2.hash模式可以不需要后端帮忙，只会多个#而已

作者：不愿透露姓名的小桃子
链接：https://www.jianshu.com/p/7e0740bd877e
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。