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.baseUrl3.之后bulid打包: 在project.config.json里面更改配置后不生效,具体原因还没有找到 后边看别人的解决办法是: 把json文件换成js文件
window.api = { baseUrl:'', jumpURL:'', }然后把这个js文件引入到public/index.html下
在项目中就可以直接使用window.api进行使用。
console.log(window.api) // 打印出来的就是{ //baseUrl:'', // jumpURL:'', //}这是目前我找到的办法…
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签: #Vue #打包json文件 #把json文件换成js文件 #这是目前我找到的办法