axios的封装以及前端跨域的解决方案

1、前端解决跨域问题

request.js用来请求数据，代码封装如下：

// 对 axios 进行二次封装
// 引入
import axios from "axios"
// ---------------------------------------------------------
// (可删除)进度条及样式------（可删除）
import nprogress from 'nprogress';
import  "nprogress/nprogress.css";
// ---------------------------------------------------------
// import config from "vue/src/core/config";
const requests  = axios.create({
    baseURL: '/api',
    timeout: 5000,
});
// request 请求拦截器
// 可以从请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密 || 这个进度条样式配置
requests.interceptors.request.use((config)=>{
    config.headers['Content-Type'] = 'application/json;charset=utf-8';
});

// response响应拦截器
// 在接口响应后统一处理结果
request.interceptors.response.use(
    response => {
        let res = response.data;
        // 如果是返回的文件
        if (response.config