Vue npm run build后在dist文件夹的index.html启用live serve白屏，数据请求失败

为了自己每天进步一点点

已于 2022-10-20 13:27:18 修改

阅读量823

点赞数 1

分类专栏： Vue 文章标签： vue.js npm html

于 2022-10-20 01:12:12 首次发布

本文链接：https://blog.csdn.net/m0_44989556/article/details/127419041

版权

Vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

情景再现：

原因：vue.config.js中 process.env.NODE_ENV路径配置错误

解决办法：

将const BASE_URL = process.env.NODE_ENV === "production" ? "/management/" : "./";

改为：

module.exports = {

publicPath: './'

}

理由：

因为是启动的dist文件加目录下的index.js，那麽打包后的资源也会请求dist目录下的资源，在启用了Gitee=>pages功能后，提供的链接已经是指向了dist文件目录中那一层了，所以用"./",而不应该是去请求config.js错误配置的 management下的资源，请求路径错误，当然访问不到文件。