vue2 - axios 二次封装_vue2 axios二次封装

request.js 文件中

import axios from 'axios'
import store from '@/store/index.js'

export function request(config) {
  const instance = axios.create({
    baseURL: 'http://toutiao.itheima.net',
    timeout: 5000
  })

  // 请求拦截器
  instance.interceptors.request.use(config => {
    // 请求之前干点啥
    // console.log(config)
    // 将token 放到 请求头里面
    try {
      if (store.state.user.token) {
        config.headers.Authorization = 'Bearer ' + store.state.user.token
      }
      return config
    } catch (err) {
      console.error(err)
      return config
    }
  }, err => {
    // return res
    return err
  })

  // 响应拦截器
  instance.interceptors.response.use(res => {
    return res.data
  }, err => {
    console.log(err)
  })

  return instance(config)
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

使用
login.js 文件

import { request } from './request.js'

// 用户认证（登录）
export function sendUserInfo(info) {
  return request({
    url: '/v1_0/authorizations',
    data: info,
    method: 'post'
  })
}
1
2
3
4
5
6
7
8
9
10

1