后端与前端请求报错?

Question

后端



前端

请求报错

Answer 1

看报错信息 ERR_NETWORK 👉 Network-related issue.

看起来可能是由于 localhost 请求的接口是ip所以跨域导致的问题？

Answer 2

确实是跨域问题，看上面日志，连续发送了多个Options请求，即跨域预检，发送多个肯定是没通过。

http://localhost:3000的前端 访问 http://本地ip:8080 的API

解决方案是在API这个服务，response时设置Header

1. Access-Control-Allow-Origin:*，即接受所有域名的跨域调用。(到了生产环境，这里限定生产环境用的域名即可）
2. Access-Control-Allow-Headers:*
3. Access-Control-Allow-METHODS: OPTIONS, GET, POST, DELETE, PUT
4. Access-Control-Allow-Private-Network: true
5. Access-Control-Allow-Credentials: true