1.安装axios
npm install axios
2.封装axios
import axios from 'axios'
const isDev = process.env.NODE_ENV === 'development'
const baseUrl = isDev ? 'xxxxxxxxxxxx' : 'xxxxxxxxxxxx'
const instance = axios.create({
baseURL: baseUrl
})
instance.defaults.timeout = 6000
axios.interceptors.request.use(function (config) {
const token = localStorage.getItem('token')
config.headers.common.token = token
return config
}, function (error) {
return Promise.reject(error)
})
axios.interceptors.response.use(function (response) {
return response
}, function (error) {
return Promise.reject(error)
})
export default instance
3.VUE异步请求传入参数方式
import axios from '封装axios路径'
GET axios.get(请求路径,{params: 数据对象})
axios.get(请求路径,{params: {uname:'aaa', pwd:'bbb'}})
POST axios.post(请求路径,数据对象)
PUT axios.put(请求路径,数据对象)
DELETE axios.delete(`请求路径/${id}`)
export const 自定义名称 = (params) => {
return request({
url: 'xxxxx',
method: 'POST',
data: params
})
}
export const 自定义名称 = (params) => {
return request({
url: 'xxxxx',
method: 'GET',
params: params
})
}