一起來學React React跨域設定

2021-09-01 04:33:32 字數 1797 閱讀 7538

前言(可跳過)

乍一看,這標題,跨域嘛,多簡單,我直接在package.json,配置proxy不就可以了嗎?如下

"proxy"

:"https:www.fakin.cn"

然後一發axios,美滋滋!

當你需要多個不同的api介面呢?直接配置proxy成物件?如下

"proxy":,

"/api/v2"

:}

是不是覺得完事大吉?準備吃雞了?當你npm start啟動的時候,你就會發現類似於下面的報錯

when specified,

"proxy" in package.json must be a string.

instead, the type of "proxy" was "object"

.either remove "proxy" from package.json, or make it a string.

npm err! code elifecycle

npm err! errno 1

npm err! [email protected]

.0 start: `react-scripts start`

npm err! exit status 1

這個報錯的意思是proxy只能是字串不能是物件(真是叫人頭大啊,以前這麼配置就行,為什麼現在不行)

node環境

let proxy =

)

最重要的是安裝http-proxy-middleware模組!

webpack

webpack的話和node下差不多,在webpack.config.js

}}最重要的是還是安裝http-proxy-middleware模組!

npm install http-proxy-middleware
2、在src目錄下建立setupproxy.js,加入以下**

);};ps:當然還有一些,你可以通過各種反向**軟體實現,這裡就不多介紹了!

一起來學React React父子元件通訊

如果你會vue,那麼你就應該知道,vue是通過props給子元件傳遞引數進行通訊。而react也是通過props傳遞的,但是更加的簡單和容易理解!父元件 import list from common list list render key index deleteitem div 在render...

一起來學SQL(二)

insert into 語句用於向 中插入新的行。語法 insert into 表名稱 values 值1,值2,也可以指定所要插入資料的列 insert into table name 列1,列2,values 值1,值2,e.g.1 插入新的行 insert into persons value...

一起來學SQL(三)

create database 用於建立資料庫。sql create database 語法 create database database name create table 語句用於建立資料庫中的表。sql create table 語法 create table 表名稱 列名稱1 資料型別,...