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

最新推荐文章于 2024-08-21 10:07:46 发布

_tanzhiyong

最新推荐文章于 2024-08-21 10:07:46 发布

阅读量1k

点赞数 2

文章标签： vue-cli3

本文链接：https://blog.csdn.net/rlrw_t/article/details/118307616

版权

解决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'
? './'
: '/'