一定要看:Vue Cli3 项目打包优化
1.vue之地址栏#号问题
https://segmentfault.com/a/1190000015664067
vue项目页面地址自动添加#号的问题
2.解决:vue打包后无法在本地正常运行
在history
模式下才会出现:需要配置
解决:vue打包后无法在本地正常运行,仅限于在本地运行,在服务器上运行,需要修改为绝对路径,即默认的路径
1.vue-cli3以上的解决办法:
方法一:新建vue.config文件,在vue.config中配置添加属性, 参考 vue.config配置
- module.exports = {
- publicPath: './',
- //这里可以是空的字符串,也可以是'./',这样就表示全部的assets资源路径用相对路径
- }
方法二:在vue ui界面直接修改,将公共路径修改空或者为./
2.vue-cli2.0的解决办法:
运行打包命令:npm run build
生成了dist文件夹
点击 index.html,浏览器显示空白,原因是打包路径配置成了绝对路径:assetsPublicPath: '/',
解决办法:在config/index.js文件中将打包路径配置为相对路径:assetsPublicPath: './',//在路径前面加一个点