跨域-cors

跨域

跨域总结
时间：2020年9月2日

1. 跨域产生缘由-浏览器同源策略

1.1 同源
ip、协议、端口号

1. 解决方案

2.1 CORS
后端配置：
` res.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8080")
// res.setHeader("Access-Control-Allow-Origin", "*")
res.setHeader("Access-Control-Allow-Credentials", "true")`
// 配置了 withCredentials = true时，必须在后端增长 response 头信息Access-Control-Allow-Origin，且必须指定域名，而不能指定为*！！！

前端配置：须要携带cookie
axios.defaults.withCredentials = true

注意事项：
配置了 withCredentials = true时，必须在后端增长 response 头信息Access-Control-Allow-Origin，且必须指定域名，而不能指定为*！！！
`res.setHeader("Access-Control-Allow-Credentials", "true")
res.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8080")`