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’即可
}
},
}
}
}