1. 程式人生 > >react axios 跨域問題

react axios 跨域問題

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 跨域問題