前端配置跨域

第一步
vue.config.js

module.exports = {
    devServer: {
        host: 'localhost',
        port: 8081,
        proxy: {
            '/api': {
                target: 'http://139.196.42.209:5004',//设置你调用的接口域名和端口号
                changeOrigin: true, // 是否开启跨域
                pathRewrite: {
                    '^/api': '/api/'
                    //代替target里面的地址
                    //后面组件中我们掉接口时直接用api代替
                    //比如我要调用'http://10.1.5.11:8080/xxx/duty?time=2017-07-07 14:57:22'，
                    //直接写‘/api/xxx/duty?time=2017-07-07 14:57:22’即可
                    //在开发环境显示地址：http://localhost:9600//api/xxx/duty?time=2017-07-07 14:57:22
                }
            },
        }
    }
}

第二步
所需接口文件里

import axios from "axios";

// 登录
export function login(data) {
    return axios({
        method: 'post',
        url: '/api/user/login',
        data
    })
}