二次封装axios

对axios的二次封装

import axios from 'axios';
const requests = axios.create({
	baseURL:'api/',
	timeout:5000
});
// 配置请求拦截器
requests.interceptors.request.use((config) => {
	return config;
});
// 配置相应拦截器
requests.interceptors.response.use((res) => {
	// 返回请求成功的数据
	return res.data;
},(error){
	// 返回请求失败的提示
	return Promise.reject(new Error('faile'));
})

配置api接口请求数据

import requests from './requests.js';
// 向服务器发送请求，请求方式为get，不携带任何参数
export const reqData () => requests({url:'/list',method:get});

处理CROS的情况
在vue.config.json文件中添加代理

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  	// 关闭eslint语法检查
	lintOnSave: false,
	devServer: {
		proxy: {
			// 处理请求为/api的请求
			'/api': {
				// 配置服务器的地址
				target:'http://localhost'
			}
		}
	}