1. 程式人生 > >create-react-app創建react項目,使用axios跨域

create-react-app創建react項目,使用axios跨域

資源 使用 ios https 問題 use 圖片 圖表 json

最近用react做項目練手,項目中調用接口有跨域問題,引用的插件是axios,react項目是用 create-react-app創建的,解決跨域問題可以後臺設置cros(跨域資源共享),如果前端解決的話可以用代理,用webpack搭建的項目可以在webpack.config.js中配置,用create-react-app創建的項目webpack配置集成在react-script中集成了,不好配置,可以在package.json文件中配置proxy.

  技術分享圖片

   上圖表示接口中請求的前綴都是proxy的值,比如要請求的接口是https://www.aaa.com/app/userQry,在package.json中proxy設置為‘https://www.aaa.com/app’,

調用函數請求數據時url為userQry,就行了。下面是請求的函數。

技術分享圖片

create-react-app創建react項目,使用axios跨域