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

Logo

前往低代码交流专区

更多推荐