react axios 跨域問題

週末又是補充知識點的時候了，用了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月對我好點，繼續加油!