vue项目中怎么调用多个不同的ip接口
导读：本文共3044.5字符，通常情况下阅读需要10分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：接下来，请跟着小编一起来学习吧！如何调用多个不同的ip接口灵感来源：项目的登录登出权限是调A的ip下面的接口,其他的功能调的接口是B的ip下面的接口思路：其实就是多写几个request.js文件罢了，或者在一个文件里面多写几个响应拦截和请求拦截.上代码：第一个文件request.jsimportaxiosfrom'axios'importVuefrom'vue'... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
接下来，请跟着小编一起来学习吧！
灵感来源：
项目的登录登出权限是调A的ip下面的接口,其他的功能调的接口是B的ip下面的接口
思路：
其实就是多写几个request.js文件罢了，或者在一个文件里面多写几个响应拦截和请求拦截.
上代码：
request.js
requestSec.js
哎?你会发现这两个文件不是一样的吗,对,就是一样的,只不过是声明了两个请求拦截和响应拦截罢了.你也可以放到一个文件里面.都一样.
封装的接口文件
到这里就可以看出不一样了，如果要调用request里面ip下面的接口就return axios 如果要调用requestSec里面ip下面的接口就return sec
其他就是正常的了，哪个页面调用就正常调用就可以了.
在文件夹下新建baseServerConfig.js
引入baseServerConfig，用变量接收当前的环境 对应的接口地址，把这个变量放入Vue的原型的属性上
小结：这样就实现了当前环境 与 不同环境接口相互绑定，避免人员重复的切换接口环境。
从而实现了npm run build 一个包既可以放在测试环境、UAT环境和生产环境
本文：
vue项目中怎么调用多个不同的ip接口的详细内容，希望对您有所帮助，信息来源于网络。