安装
npm install axios
utils/https.js
import axios from "axios"; //导入axios
export const instance = axios.create({//创建axios实例,并抛出
baseURL: "http://127.0.0.1:7001",//后端地址
timeout: 5000,
});
instance.interceptors.request.use((config) => {//请求拦截
return config;
});
instance.interceptors.response.use(//响应拦截
response => {
return response;
},
error => {
throw error
}
);
api/xxx.js
import { instance } from "@/utils/https";
export const login = function (data) {//api方法
return instance({
url: '/',//接口地址
method: 'post',//请求方式
data: {//数据
},
})
};
跨域 vue.config.js
module.exports = {
devServer: {
proxy: {
"/api": {
target: "http://localhost:3300", //后端接口地址
changeOrigin: true, //是否允许跨越
pathRewrite: {
"^/api": "", //重写,
},
},
},
},
};