解决:vue打包后无法在本地正常运行

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

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值