解决vue cli3执行npm run build后dist目录下index.html无法加载问题

解决vue cli3执行npm run build后dist目录下index.html无法加载问题

官网中讲到:

在这里插入图片描述

解决方案:

1、找到options.js,路径:node_modules/@vue/cli-service/lib/options;
2、往下翻,找到 exports.defaults 对象中的 publicPath,此时默认值为:' / '
3、将值改为:

/**
* 1、模式为 production 时,加载项目的路径为 ' ./ '(相对路径)
* ,照官网文档原话:这样打出来的包可以被部署在任意路径),且不
* 会影响到开发模式的 devServer(即使用 npm run dev 运行的模式)
*/
publicPath: process.env.NODE_ENV === 'production'
? './'
: '/'
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值