修改Vue打包后文件的接口地址配置的方法-创新互联

这篇文章主要讲解了修改Vue打包后文件的接口地址配置的方法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

创新互联公司-专业网站定制、快速模板网站建设、高性价比蔡家坡网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式蔡家坡网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖蔡家坡地区。费用合理售后完善，10余年实体公司更值得信赖。

1、背景

常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应的生产环境的地址，不是唯一的。如果每次都修改一个地址，再打包文件进行部署，过程繁琐且低效。那么如何把环境地址设置成可配置的，不需要再构建代码就能直接生效呢？

2、可选方案

进行了调研后，网上介绍的方案有2种：

1）在static上设置一个config.js，把配置的参数设置成 window 下的全局变量。这种方案的确可行，但是，但是，不安全！！！如果请求地址被恶意修改，后果不太好~

2）使用 generate-asset-webpack-plugin 插件，配置一大坨后生成一个静态文件，然后通过请求的方式，获取需要的数据，这种方法可以解决安全性问题，但是，但是，有点小麻烦啊~

因此，博主根据实际项目，将两种方法结合在一起，形成了一个中和的方案。

3、执行方案配置步骤

第一步：在 static 文件夹中新建一个 config.json，把你要写的配置写入

{
// 基本访问地址
"BASE_URL": "http://webhmy.com"
}

分享文章：修改Vue打包后文件的接口地址配置的方法-创新互联
URL网址：http://lszwz.com/article/cocgpi.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

绵阳网站建设大英网站建设成都翻译公司手机APP开发广安迈傲建站 ios开发微信服务号订阅号开发百度推广公司小程序开发腾讯云香港免备案空间

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室 All Rights Reserved 蜀ICP备2021004003号-25

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室

蜀ICP备2021004003号-25