解决前端跨域问题配置

     跨域配置  一般的跨域都是后端去配置  早期的有jquery中ajax中的jsonp跨域设置     后端也可以用cors

    前端如果要自己配置

   1)在项目中创建vue.config.js  [和src同级]

       

    

在vue.config,js中           注意这个target中的地址是后台给的服务器的地址,

module.exports = {
    devServer: {
        proxy: {
            "/api": {
                target: "http://192.168.199.221:3000/api",
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    "^/api": ""
                }
            }
        }
    }
}

2)将baseUrl注释掉

// axios.defaults.baseURL = "http://192.168.199.221:3000/api";

3)在接口的前面加 /api前缀      例如下面这样

export const editUser = params => {
    return put("/api/admin/user", params);
};

4)如果不行,请重启