文章页正文上
本文小编为大家详细介绍“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如何判断字符串中是否有某个字符串文章都会有所收获,下面我们一起来看看吧。 判断方法:1、利用include…
文章页内容下