使用
npm run build:prod
命令进行打包
会出现这样的情况
生成了一个静态的文件夹
打开index.html的时候
会出现页面空白的问题
打开F12查看一下这是为啥
会发现这些文件的路径访问不到
解决办法
打开
vue.config.js
找到
publicPath: '/'
将 publicPath: '/'改成 publicPath: './'
然后使用npm run build:prod重新打包
如果这个时候,还是空白的话
打开浏览器,路径都是正确的,没有报错
但是就是不显示界面内容
需要打开routers.js文件
路由模式将histroy改成hash模式,起初 mode:'history'