跨域问题,配置项,老师能详细的解释一下什么意思吗
来源：5-9 利用组合式API开发复杂的搜索功能
小雨点3545254
2022-12-03
老师,能详细的解释一下里面的配置项是什么意思吗,有什么作用,能否详细的讲解一下
写回答
2回答
-
小雨点3545254
提问者
2022-12-03
好的，谢谢！00 -
西门老舅
2022-12-03
你好
跨域指的是不同的域名，端口，协议中的某一项不同，就不能进行通信。
比如前端域名：localhost:8080，后端域名：localhost:3000，这样就不能通信，所以要解决这个问题
proxy: {
'/api': {
target: 'http://localhost:3000'
}
}
表示 localhost:8080/api/xxxx 都会去请求 localhost:3000/api/xxxx
但是我们的3000下可能没有api这一层，所以通过如下配置：
pathRewrite: {
'/api': '' // 3000可以不写api了
}
这样就表示 localhost:8080/api/xxxx 都会去请求 localhost:3000/xxxx
最后一个配置
changeOrigin: true
表示后端接收到的url是8080而不是3000、这个只是后端可能要用到，一般前端不用管
可以看看这个视频，也是我本人录制的：https://www.imooc.com/video/22750
00
相似问题