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

請查看文檔,具體操作后續將更新


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM