老师您好,请教下关于设置接口环境变量的事情

来源:4-11 接口环境设置

learn2020

2020-05-31

老师您好,关于前端设置接口环境变量,我的理解是这样的,是否正确:
在开发环境下,项目的接口都写在后端人员的电脑上,前端请求服务端接口就属于跨域请求了。我们通过CORS或者JSONP的方式,解决了跨域请求的问题后,在开发环境请求服务端接口是需要写完整的接口地址的,比如这种形式:https://xxx.xxx.xxx/a/b
如果项目要部署到测试服务器或者线上服务器,那么服务端接口地址的域名就会改变,如果前端再一个个改项目里面所有的接口地址,那就太麻烦了,而且出错的概率也很大。
所以设置接口环境变量,是为了提前把不同环境下的接口地址配置好,在不同环境都能正常调用服务端的接口。

还有两个问题:

1、package.json文件里定义的scrips
"scripts": {
“serve”: “vue-cli-service serve --mode=development”,
},
执行了yarn serve就等于执行 yarn vue-cli-service serve --mode=development,只有执行了此命令,才会传入 --mode=development吧?

2、package.json文件里定义的scrips
"scripts": {
“serve”: “vue-cli-service serve --mode=development”,
“test”: “vue-cli-service serve --mode=test”,
“prev”: “vue-cli-service serve --mode=prev”,
“build”: “vue-cli-service build --mode=production”,
“lint”: “vue-cli-service lint”
},
比如要把项目部署到测试服务器,test是不是得这样设置(把serve改成build):
“test”: “vue-cli-service build --mode=test”,

写回答

1回答

河畔一角

2020-05-31

是的,你理解的基本一致。不同的环境它的地址是不一样的,我们就必须提前做好准备。

0
1
learn2020
谢谢老师
2020-05-31
共1条回复

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程