react專案後臺及上線步驟

2022-06-23 16:39:40 字數 1225 閱讀 7251

應同學要求,本人將react專案建立後臺及上線流程書寫如下:

前端部分

略……後臺部分

(注:這裡的後臺是用的nodejs搭建的,使用的是express框架+ejs模板)

首先通過express快速搭建後臺環境

express -e  專案名

cd 專案名

npm i

命令如下:

npm install -g express-generator 

npm install -g express

然後跟著操作就行了

後臺環境搭建好後如果是用的假資料就可以在路由裡進行配置了,具體配置如下:

router.get('/lists', function(req, res, next) );

getres.on("end",()=>)

})});

倘若你是使用的反向**進行**的別人的資料。那麼可以看下面這一種方式。在後臺進行反向**

npm i -s  http-proxy-middleware
然後,引入兩個模組

var proxy = require('http-proxy-middleware');
最後,進行配置

然後將前端檔案進行npm run build

得到如下檔案:

然後,將所檔案拷貝到後臺的根目錄的public中

將index.html檔案的字尾改為ejs,並放在後臺檔案的根目錄下的views中

這樣,就可以執行後臺檔案,看一下執行起後是否能得到資料,如果能得到資料,說明反向**配置成功了,就可以進行上線啦。

上線部分

這樣的資訊,然後我們將後臺的除了node_modules的其他所有檔案放入一個資料夾,將其git到這個遠端倉庫中就可以啦。