接口环境设置

接口环境设置涉及开发的不同阶段,如开发、测试、预发布和线上等,每个阶段可能需要调用不同后台接口。文章介绍了两种跨域方式:代理和CORS/JSONP,并提供了如何在Vue项目中进行配置的详细步骤。在main.js中,通过修改vue.config.js的target或创建env.js文件来统一管理环境变量,打包时注入环境参数,生成不同版本包。运行npm run serve(test/prev)时,环境变量传给项目,env.js通过process.env.NODE_ENV识别当前环境并设置baseURL。
摘要由CSDN通过智能技术生成

接口环境设置(理解不太好,希望以后会慢慢理解)

一.总体思路:

  1. 开发上线的不同阶段,需要不同的配置(做一个项目,需要经历很多阶段,比如开发,测试,预发布,线上等等,不同阶段,调用的后台接口不同,需要不同的配置)
  2. 不同的跨域方式,配置不同
  3. 打包的时候统一注入环境参数,统一管理环境,输出不同的版本包

二.写代码:
1》在main.js中,如果使用的是代理跨域

axios.defaults.baseURL = '/api';即可

若在代理跨域的条件下,有不同的请求,直接修改vue.config 里面的target

2》若采取cors和jsonp跨域则需重新配置,根据ES6模块化,我们新建一个env.js文件,统一管理
在env.js中:

let baseURL;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值