分享更有价值
被信任是一种快乐

vue如何实现第三方请求

文章页正文上

本文小编为大家详细介绍“vue如何实现第三方请求”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue如何实现第三方请求”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 vue实现第三方请求的方法:1、通过“import axios from ‘axios’;”导入axios;2、将axios放在原型链上;3、添加请求拦截器,代码如“axios.i免费云主机、域名nterceptors.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如何实现第三方请求”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云技术行业资讯频道。

相关推荐: es6如何判断字符串中是否有某个字符串

这篇文章主要介绍了es6如何判断字符串中是否有某个字符串的相关知识,内容详细易懂,操作简单免费云主机、域名快捷,具有一定借鉴价值,相信大家阅读完这篇es6如何判断字符串中是否有某个字符串文章都会有所收获,下面我们一起来看看吧。 判断方法:1、利用include…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册