当前位置: 首页>后端>正文

axios 网络请求不同地址demo

1、在api文件夹下建立网络请求相关文件:http.js是网络封装;interface.js是抛出接口;modules下的monitor.js是模块接口;userData.js是模拟的测试数据。

axios 网络请求不同地址demo,第1张

2、main.js相关配置,本地开发环境配置 将测试数据存到全局store里(其中changeLogindata赋到state的data里),根据情况取store里的数据即可 比如:access_token或access_token_mva)。

axios 网络请求不同地址demo,第2张
axios 网络请求不同地址demo,第3张

3、测试数据

axios 网络请求不同地址demo,第4张

4、http.js 在拦截器中通过自己传进来的配置参数requestBase 区分不同请求地址,再相应的改变一些配置数据

axios 网络请求不同地址demo,第5张

5、modules按模块分请求接口,其中requestBase是配置项 用来区分不同请求地址的。

axios 网络请求不同地址demo,第6张

6、暴露接口

axios 网络请求不同地址demo,第7张

7、vue项目中的应用

axios 网络请求不同地址demo,第8张

https://www.xamrdz.com/backend/3bk1926078.html

相关文章: