Linux系統部署React腳手架前端專案

2021-10-07 02:38:22 字數 935 閱讀 6890

我這裡主要是講如何使用nginx部署react專案,不再贅述搭建react環境的問題。

注意,沒學過nginx也可以部署的,只要按照步驟來即可。

第二步:

安裝nginx,我使用編譯安裝,這裡也講述如何編譯安裝,使用其它教程的安裝方式可能會造成下面步驟行不通。

apt-get update

apt-get

install gcc libpcre3 libpcrecpp0v5 libpcre3-dev libssl-dev

apt-get

install zlib1g-dev

④解壓nginx的壓縮包: tar -xvf nginx-1.12.2.tar.gz

⑤ 進入到解壓的目錄中,執行【./configure】

⑥編譯安裝: make && make install

安裝完成以後,/usr/local/ 目錄下會多出nginx資料夾,裡面的sbin目錄中有啟動指令碼。

⑦測試nginx是否安裝成功:

在/usr/local/nginx/sbin/目錄下執行【./nginx】,

然後執行 ps -ef | grep nginx 檢視是否有nginx的程序。

第三步:

nginx接管react啟動配置。

找到 /usr/local/nginx/conf/nginx.conf檔案,開啟此檔案,新增如下**:

# 在檔案的第一行,加上  user root; 這句話,不然可能出現403報錯,沒有許可權訪問build資料夾。

server

}

以上就完成了在ubuntu18.04上使用nginx部署react腳手架專案的過程。

需要注意的是,一定要先啟動後台專案以及資料庫,不然前台請求會報404錯誤,如果你僅僅是為了測試,沒有後台和資料庫的話,也無所謂了。

linux下實現自動部署tomcat的指令碼

轉至 sinceever 2017 03 11 原文 linux下實現自動部署tomcat的指令碼 由於經常部署war到tomccat上,經常有一些重複的工作要做 停服務 備份war包 上傳新的war包 啟動服務。索性就寫了乙個自動部署的指令碼。指令碼如下autodeploy.sh bin sh e...

React打包部署

筆記來自 首屏優化 前言 腳手架配置檔案是隱藏的,需要先使用命令顯示,怎麼顯示檢視 react router 筆記 前文已經有的配置 打包配置 config paths.js module.exports 路徑錯誤原因,檢視打包檔案的index.html 可以看到打包出來的js的訪問路徑是 loca...

linux系統部署及shell

系統部署 1 獲取linux 常用發行版的方式 2 圖形安裝 版本 核心版 www.kernel.log 開發版 redhat centos fedoro suse ubuntu debian 檔案系統 fat32 ntfs xfs shell shell俗稱殼 用來區別於核 是指 為使用者提供操作...