vue前端vue.config.js配置跨域问题处理

module.exports = {
    devServer: {
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {
            '/api': {   //  拦截以 /api 开头的接口
                target: 'http://localhost:('自己后台 端口号')/',//设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true,    //这里true表示实现跨域
                secure: false, // 如果是https接口，需要配置这个参数
                pathRewrite: {
                    '^/api': '/'  //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/api/user/add'，直接写‘/api/user/add’即可
                }
            },
        }
    }
}
————————————————
版权声明：本文为CSDN博主「初七酒~落花雨」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yw_yiyi/article/details/117747203