react專案後台及上線步驟

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

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

前端部分

略……後台部分

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

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

express -e  專案名

cd 專案名

npm i

命令如下:

然後跟著操作就行了

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

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到這個遠端倉庫中就可以啦。

專案上線步驟及注意事項

專案上線 1.網頁 2.伺服器軟體 3.需要乙個伺服器 區域網 外網環境 買一台伺服器 設定電腦屬性遠端設定 把允許使用網路級別身份驗證的遠端桌面關了 1.網頁上線 nginx方到伺服器 cd到nginx html就是www目錄 訪問目錄 2.api上線 介面 postman 測試 把api檔案拉進...

React專案的打包步驟

執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run build,就出現了build資料夾,同時終...

web專案上線的基本步驟

前段時間,想做乙個自己的個人 倒是可以自己開發,可是還不會上線,於是開始自學專案上線,1.專案開發 2.購買或者租用一台雲伺服器 3.購買並註冊網域名稱 5.公安網備案 6.搭建伺服器環境 7.專案發布 8.運營維護 下面簡單介紹一下這7個步驟,當然不是最標準的,不過可供初學者參考 1.專案開發 專...