Vue Ajax配置(基于axios)

直接修改main.js文件即可。

引用

import axios from 'axios'

配置拦截器

标记异步请求(很重要!)

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

配置请求拦截器

axios.interceptors.request.use(config => {
  return config
}, err => {
  console.log(err)
})

配置响应拦截器

axios.interceptors.response.use(response => {
  return response
}, function (error) {
  if (error.response.status === 401) {
    window.location = error.response.headers.location
  } else {
    return Promise.reject(error)
  }
})

注册

Vue.prototype.$http = axios

使用

示例一(同步)

let id = 10001;
const resp = await this.$http.get('/api/order/info', { params: { id } });
console.log(resp.data);

示例二(异步)

let id = 10001;
this.$http.get('/api/order/info', { params: { id } }).then(({ data }) => {
  console.log(data);
});
发布了280 篇原创文章 · 获赞 67 · 访问量 17万+

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览