vue-cli3.5.5使用AXIOS请求api

1、项目中安装axios：npm install axios

2、在main.js中引入

import axios from 'axios'

import qs from 'qs'

// 请求超时

axios.defaults.timeout = 10000

// baseurl

axios.defaults.baseURL = BASE_URL

// post请求头

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'

// 请求拦截器

axios.interceptors.request.use(config => {

const token = getToken()

// let appid = getAppId()

if (config.method === 'post') {

config.data = qs.stringify(config.data)

}

if (token) {

config.headers['Authorization'] = token

config.headers['APPID'] = 1

}

config.headers['x-requested-with'] = 'XMLHttpRequest'

return config

}, error => {

return Promise.reject(error)

})

// 响应拦截器

axios.interceptors.response.use(response => {

if (response.data.code === 70001) {

Message.error('登录超时,请重新登录')

router.replace({

path: '/login'

})

}

return response

}, error => {

return Promise.reject(error)

})