我们在使用vue请求接口时,经常会遇到跨域问题
前端在vue中访问报错![跨域信息](https://img-blog.csdnimg.cn/2020091818444615.png)
但是后端已经设置了跨域
这时候就需要配置代理(proxy)
在根目录下创建vue.config.js
代码如下
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:4000/', // 此处为接口地址
changeOrigin: true, // 是否允许跨域
pathRewrite: { // 重写路径 目的是把/api开始的接口重写 (如/api/users 改成/users)
'^/api': '/'
}
}
}
}
}