第一步的话就是在当前项目的根路径下新建一个文件,文件名是固定的 vue.config.js
https://cli.vuejs.org/config/#crossorigin
这个解释说明的话我们具体可以看官方文档
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’即可
}
},
}
}
}