跨域-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")`