解决: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: './',//在路径前面加一个点