2021-09-23

定义基于axios的request.js

import axios from "axios"
import router from "../router/index"
//create an axios instance
const service = axios.create({
	baseURL: process.env.VUE_APP_BASE_API,//url = base_url + request_url
	timeout:10000 //request timeout
})

//请求拦截器
service.interceptors.request.use(
	config => {
		if(window.localStorage.getItem("token")){
			config.headers.token = window.localStorage.getItem("token")//每次请求都在请求头携带一个token
		}
		return config;
	},
	error => {
		return Promise.reject(error);
	}
);
//响应拦截器
service.interceptors.response.use(
	response => {
	const res = response
		if(res.data.code == 20000){
			return res
		}else if(res.data.code == 90001){
			router.replace("/")
			return
		}else{
			return Promise.reject("Error")
		}
	},
	
	error => {
		return Promise.reject(error)
	}
)
export default service

向后端发送请求

// 方法定义在js文件中
import request from "../utils/request"

login(name,password){
	return request({
		url: "v1/login",
		method: "post",
		data: {
			name: name,
			password: password
		}
	})
}