从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要讲解了修改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" }
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图