react專案執行流程(下 傳送資料)

2022-09-14 23:33:29 字數 1476 閱讀 8426

封裝axios,定義ajax請求模組函式

1.安裝axios

npm install axios

訪問資料庫時遇到問題:一定注意檢視哪個是資料庫的主節點

腳手架配置**解決ajax跨域的方法:

【注意:】修改package.json檔案,並重新啟動腳手架,注意不是伺服器

.then(function () );

統一暴露:

export default,

yyy()

}分別暴露:

export function ***()

export function ***()

jsonp:只能處理get請求跨域

cors:

專案中:**

關於async 和await

1.作用:

簡化promise物件的使用,不再使用then()來指定成功/失敗的**函式

以同步編碼方式實現非同步流程

2.**寫async:

await所在函式定義的左側

3.**寫await:

在返回promise表示式的左側寫

4.錯誤處理:try,catch

舉例:login.jsx檔案

寫法一:

reqlogin(username,password)

.then(function (response.data) )

.catch(function (error) );

寫法二:

trycatch(error)

優化ajax請求函式模組--統一處理請求異常

#在外層包乙個自己建立的promise物件

#在請求出錯時,不reject(error),而是顯示錯誤提示

import from 'antd'

@return new promise((resolve,reject)=>)

}else

//2.如果成功了,呼叫resolve(value)

promise.then(response=>).catch(err=>;

})})

修改:login.jsx檔案

刪除try{}catch(){}結構

const = values;

const response = await reqlogin(username,password)

console.log('請求成功',response.data)

***伺服器獲取前端資料

react專案執行流程(上 頁面)

操作 進入模板專案 cd react admin client 執行專案 拓展 打包發布 npm run build 安裝測試伺服器 npm install g serve 執行打包好的build資料夾 1.在github中建立遠端倉庫,倉庫名為reactadmin 注意 重新註冊了乙個github...

react專案搭建流程

1.首先需要node環境,有node環境才能npm 2.安裝node後可以到命令提示符面板檢視node的版本 node v npm v有版本代表安裝成功了 3.啟動終端開始安裝react全域性腳手架 npm4.選擇乙個資料夾或者新建資料夾,要放react專案 cd到要放react專案的資料夾 cd ...

執行vue專案流程

vue 專案執行步驟 首先,列出來我們需要的東西 node.js環境 npm包管理器 vue cli 腳手架構建工具 cnpm npm的 映象 安裝node.js 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所...