react axios 跨域問題
阿新 • • 發佈:2018-07-02
douban 問題 base bpa 文件創建 eee ade orm for
周末又是補充知識點的時候了,用了react axios 跨越問題,貌似是要比vue 稍微麻煩一點
它請求http好像是沒有問題的,但是https還是有跨域問題的,
我用的剛好是create-react-app 這個搭建的react 項目,你必須要確保 運行了npm run eject,
把你的webpack暴露出來,好了接著在 package.json 配置下面這段話:
當然是在末尾加入就行了
"proxy": { "/*": { "target": "https://douban.uieee.com", "changeOrigin": true} }
這樣還沒有解決跨越問題,還必須在axios 文件創建請求判斷:
import axios from ‘axios‘ let baseUrl = ‘https://douban.uieee.com‘; if (process.env.NODE_ENV === ‘development‘) { baseUrl = ‘http://localhost:3000‘; } else { // baseUrl = ‘http://localhost:3000‘; } // export const baseUrl = ‘http://localhost:3000‘; let $axios = axios.create({ baseURL: baseUrl+ ‘/v2/movie‘, timeout: 10000, responseType: ‘json‘, headers: { ‘Content-Type‘: ‘application/x-www-form-urlencoded; charset=utf-8‘, } });
我是結合Promise 請求數據的這樣你就可以在解決跨區問題了,正式環境就配置正式的環境。
好了 ,7月了, 希望7月對我好點,繼續加油!
react axios 跨域問題