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
基础教程推荐
猜你喜欢
- CSS实现 Google Material Design 文本输入框风格(推荐) 2024-01-08
- JavaScript几种形式的树结构菜单 2023-12-27
- ajax回调打开新窗体防止浏览器拦截有效方法 2022-12-28
- 初探 vite2 + vue3 2023-10-08
- js获得参数的getParameter使用示例 2023-12-01
- CSS3盒子模型详解 2024-01-08
- AJAX检测用户名是否存在的方法 2023-02-23
- vue+springboot实现分页 2023-10-08
- Vue-router中hash模式与history模式的区别详解 2024-01-12
- Vue自学之路3-vue模版初探 2023-10-08
