vue-cli3抽离配置文件
Posted wurijie
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli3抽离配置文件相关的知识,希望对你有一定的参考价值。
由于项目有外部部署需求,对不同的环境前端调用后台的地址不一样,且不能提前预知必须到部署现场后才能确定后端地址,故需要将调用后端相关的配置抽离到文件中,打包后部署人员在方便现场修改。
思路如下:
1.由于项目中vue初始化部分有很多网络请求,所以必须在加载vue的内容之前引入配置,为解决异步请求问题直接在public/index.html的header中引入配置(vue在body后注入)。
2.配置放在js文件中,js文件中将配置对象放到localStorage中。有方法是将配置对象赋值给window顶级对象,感觉这样不安全,故采用放到localStorage的方式。
3.在需要使用配置的地方,反序列化localStorage,取出其中的配置项使用。
操作方法:
以上是关于vue-cli3抽离配置文件的主要内容,如果未能解决你的问题,请参考以下文章
vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置