工作23:vue---封装request做数据请求
生活随笔
收集整理的這篇文章主要介紹了
工作23:vue---封装request做数据请求
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
?
?
import axios from 'axios'// 創建一個axios實例 const service = axios.create({// headers: {// 'content-type': 'application/json;charset=UTF-8',// 'token': 'one' // },baseURL: 'http://dianphp.fyz.com',withCredentials: true,timeout: 5000 })// 添加請求攔截器 service.interceptors.request.use(config => {// 在發送請求之前做某事,比如說 設置token// config.headers['token'] = 'token';config.headers['X-Token'] = 'xxxxxxxxxxxxxxxxxxx';return config; }, error => {// 請求錯誤時做些事return Promise.reject(error); });// 添加響應攔截器 service.interceptors.response.use(response => {const res = response.data;// 如果返回的狀態不是200 就主動報錯if(res.state != 200){return Promise.reject(res.message || 'error')}return response; }, error => {return Promise.reject(error.response.data); // 返回接口返回的錯誤信息 })export default service?
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的工作23:vue---封装request做数据请求的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数列极限
- 下一篇: 前端学习(2020)vue之电商管理系统