这篇文章将为大家详细讲解有关axiOS全局注册,设置token,以及全局设置url请求网段的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。a1.axios全局注册
这篇文章将为大家详细讲解有关axiOS全局注册,设置token,以及全局设置url请求网段的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
a1.axios全局注册
axios不同 与Vue-resource不能在import axios from 'axios'后使用Vue.use(axios),axios不是插件,要想全局使用axios应该修改其原型链,代码如下
import axios from 'axios'
Vue.prototype.$axios=axios
这样 axios就全局注册好了,要使用axios,只需要这样
this.$axios.post("/login", this.fORM).then((response) => {
} else {
}
});
使用this.$axios 就可以了。
2.axios设置头部token.
设置token需要使用axios拦截器代码如下
const url='192.137.8080/api'
axios.interceptors.request.use(
config => {
let token = localStorage.getItem("x-auth-token");
if (token) { // 判断是否存在token,如果存在的话,则每个Http header都加上token
config.headers.token = `${token}`;
}
if (config.url.indexOf(url) === -1) {
config.url = url + config.url;
}
return config;
},
err => {
return Promise.reject(err);
});
关于“axios全局注册,设置token,以及全局设置url请求网段的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
--结束END--
本文标题: axios全局注册,设置token,以及全局设置url请求网段的示例分析
本文链接: https://www.lsjlt.com/news/76124.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0