1、默认axios不变
axios.defaults.baseURL = 'http://www.ipkd.cn'; //填写域名
2、创建一个新的变量代替axios
const loginApi = axios.create({
baseURL: 'http://www.baidu.com',
});
3、把所有用的方法都用loginApi改一遍
loginApi.interceptors.request.use(config => {
config.headers["Content-Type"] = 'application/x-www-form-urlencoded'
})
//响应拦截器即异常处理
loginApi.interceptors.response.use(response => {
return response
//请求失败
}, err => {
Message({
type: "error",
message: err.response.data.Message
});
return Promise.resolve(err.response)
})
//封装get/post等方法也需要修改
export function get(url, params = {}) {
}
//其它的调用就不说了
以上是编程学习网小编为您介绍的“axios.defaults.baseURL如何实现一个页面调用多个bas”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:axios.defaults.baseURL如何实现一个页面调用多个bas


基础教程推荐
猜你喜欢
- web标准常见问题集合5 2022-11-06
- 带你领略Object.assign()方法的操作方式 2022-08-30
- 禁止iframe页面的所有js脚本如alert及弹出窗口等 2023-12-20
- layui-table-column-select(layui数据表格可搜索下拉框select) 2022-12-16
- python3之Splash的具体使用 2024-03-10
- 掌握盒模型轻松DIV CSS网页布局 2024-01-24
- CSS+HTML 实现顶部导航栏功能 2023-12-28
- ASP.NET MVC 3实现访问统计系统 2023-12-19
- 用JS实现网页元素阴影效果的研究总结 2024-01-08
- javascript – 如何从HTML表格中将数据插入mysql数据库 2023-10-26