大家好,欢迎来到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