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模式可以不需要后端帮忙，只会多个#而已