React中跨域問題的完美解決方案

針對react版本^16.6.0有多種解決方案

 

方案一：package.json中加上proxy代理配置

在packge.json加入

"proxy": "http://0.0.2.89:7300"

而後你頁面中的請求fetch('/api/userdata/')就會轉發到proxy中的地址

也就是真實的請求是http://0.0.2.89:7300/api/userdata/，並且也不會有跨域問題

由於在瀏覽器看來，你只是發了fetch('/api/userdata/')，沒有跨域問題

 

方案二：使用http-proxy-middleware

create-react-app 文檔裏面有解決方案http-proxy-middleware

請查看文檔，具體操做後續將更新