vue打包之后更改配置的json文件无效

今天写项目时遇到一个坑:
在vue项目,给public底下放置了一个静态的project.config.json文件,用来配置代理ip地址和系统的标题等相关配置,以便于在部署时进行相关更改,但是在bulid打包之后修改配置文件不生效,具体问题如下:
1.在public文件夹新建project.config.json文件:

{
 baseUrl:'',
 jumpURL:'',
}

2.在utils/request.js下引用:

import JSON from '../../public/project.config.js'
// 请求接口地址
let baseURL = JSON.baseUrl

3.之后bulid打包:
在这里插入图片描述
在project.config.json里面更改配置后不生效,具体原因还没有找到
后边看别人的解决办法是:
把json文件换成js文件

window.api = {
 baseUrl:'',
 jumpURL:'',
}

然后把这个js文件引入到public/index.html下
在这里插入图片描述

在项目中就可以直接使用window.api进行使用。

console.log(window.api) 
// 打印出来的就是{
//baseUrl:'',
// jumpURL:'',
//}

这是目前我找到的办法…

Logo

前往低代码交流专区

更多推荐