vue如何实现第三方请求

云技术五哥 • 03/08 19:12 • 开发 • 阅读 51

本文小编为大家详细介绍“vue如何实现第三方请求”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue如何实现第三方请求”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 vue实现第三方请求的方法：1、通过“import axios from ‘axios’;”导入axios；2、将axios放在原型链上；3、添加请求拦截器，代码如“axios.interceptors.request.use(config => {…}”。在vue中请求第三方数据–axios要写入实例的数据（即页面渲染使用的数据），需要用配置参数data接收


importaxiosfrom'axios';
Vue.prototype.axios=axios;

axios.request(config)axios.get(url[, config])axios.delete(url[, config])axios.head(url[, config])axios.options(url[, config])axios.post(url[, data[, config]])免费云主机域名axios.put(url[, data[, config]])axios.patch(url[, data[, config]])


//添加请求拦截器
axios.interceptors.request.use(config=>{
//在发送请求之前做些什么
returnconfig;
},error=>{
//对请求错误做些什么
returnPromise.reject(error);
});

//添加响应拦截器
axios.interceptors.response.use(response=>{
//对响应数据做点什么
returnresponse;
},error=>{
//对响应错误做点什么
returnPromise.reject(error);
});


axios.interceptors.request.use(config=>{
//在发送请求之前做些什么
lettoken=sessionStorage.getItem('userTk');
if(token){
config.headers.Authorization=token
}
returnconfig
},error=>{
//对请求错误做些什么
returnPromise.reject(error);
});


axios.interceptors.response.use(response=>{
if(response.data.code==='200'){
Auth.setToken(sessionStorage.getItem('userId'))
}
returnresponse;
},
error=>{
console.warn(error);
console.warn(error.response);
if((error.response.status&&error.response.status===401)||error.response.statusCode===401){
//已超时
Auth.removeToken(sessionStorage.getItem('userId'));
sessionStorage.clear();
router.replace('/login')
returnPromise.reject('身份已过期,请重新登录！');
}
if(error.response&&error.response.status===500)
returnPromise.reject('服务异常，请稍后重试！');
});

读到这里，这篇“vue如何实现第三方请求”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。

相关推荐: css样式是怎么组成的

这篇“css样式是怎么组成的”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css样式是怎么组成的”文章吧。css样式由“选择器”和“声明块”两部…