應同學要求,本人將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.專案開發 專...