封裝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中的,所...