最近用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,就行了。下面是請求的函數。