axio网络请求

axio网络请求将 axios 挂载到 vue 全局对象中 使用 this 可以直接访问 Vue prototype http axios 添加响应拦截器 axios interceptors response use resp

大家好,欢迎来到IT知识分享网。

网络请求 axios 是一个HTTP 的网络请求库. 安装 npm install axios 在main.js 中配置axios 导入axios import axios from ‘axios’; 设置访问后台服务器地址 axios.defaults.baseURL=”http://127.0.0.1:9999/api/”; 将axios挂载到 vue全局对象中,使用this可以直接访问 Vue.prototype.$http=axios; 使用get或post方法即可发送对应的请求 then 方法中的回调函数会在请求成功或失败时触发 通过回调函数的形参可以获取响应内容,或错误信息 基本语法 this.$http.get(地址?Key=value&key2=val1).then(function(response){ } this.$http.post(“login”,{key:”value”,key2:”val2″}).then(function(response){ } axios 的常用API get:查询数据 post 添加数据 put:修改数据 delete:删除数据 axios 的响应结果 响应结果的主要属性 data:实际响应回来的数据 headers:响应头信息 status:响应状态码 statusText:响应状态信息 //axios 请求拦截 axios.interceptors.request.use(config =>{ //为请求头对象,添加Token验证的token字段 config.headers.token = window.sessionStorage.getItem(‘token’); return config; }) // 添加响应拦截器 axios.interceptors.response.use((resp) =>{//正常响应拦截 if(resp.data.code==500){ ElementUI.Message({message:resp.data.message,type:”error”}) } if(resp.data==401){ router.replace(“/login”); } return resp; })

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/139014.html

(0)
上一篇 2025-06-09 15:26
下一篇 2025-06-09 15:33

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信