开发过程中,端口变动十分常见,测试和上线后的后端接口大部分就不同,所以将接口地址放到配置文件中是必不可少的。
一、在静态文件夹中新建 config.json文件,文件中存放接口地址等地址配置信息。
例:
{
"axios": {
"baseUrl": {
"desc": "说明:后端数据接口基地址",
"value": "http://****.232:30001/api/"
},
"ssoUrl": {
"desc": "说明:token获取地址",
"value": "http://****.232:30100"
},
"timeout": {
"desc": "axios 请求超时(单位:毫秒)",
"value": 300000
}
},
"imageBase": {
"desc": "图片存放(使用)地址",
"value": "http://****.232:30800/"
}
}
二、新建js文件,通过请求的方式获取config.json文件的接口地址。
// 定义配置变量
let config
// 定义同步获取json文件数据方法
let syncGetJsonData = function