前端專案部署到伺服器

2022-06-16 03:12:15 字數 2254 閱讀 7276

1.安裝編譯工具及庫檔案

# yum -y install make zlib zlib-devel gcc-c++ libtool  openssl openssl-devel pcre-devel

gcc、gcc-c++  # 主要用來進行編譯相關使用

openssl、openssl-devel  # 一般當配置https服務的時候就需要這個了

zlib、zlib-devel   # 主要用於檔案的解壓縮

pcre、pcre-devel  # nginx的rewrite模組和http核心模組會用到pcre正規表示式語法

make     # 遍歷

make install  # 安裝

2.建立nginx目錄

1)進入/usr/local目錄下

# cd /usr/local

2)建立nginx檔案

# mkdir nginx

1)進入nginx檔案下

# cd /usr/local/nginx

# wget

3)解壓

# tar -zxvf nginx-1.18.0.tar.gz

4.進入安裝包目錄

# cd  /usr/local/nginx/nginx-1.18.0

5.編譯安裝nginx,預設安裝到 /usr/local/nginx中

./configure

make && make install

6.進入到/usr/local/nginx/sbin目錄,啟動nginx

# ./nginx

7.檢視啟動的 nginx 程序 

ps -ef|grep nginx

8、檢視是否可以訪問

# curl localhost:80

出現html指令碼代表可以訪問

9.對專案進行打包

1)在vscode中開啟專案路徑下的終端,輸入npm run build

2)打包完成後,會在專案路徑生產乙個dist的檔案,將dist檔案重新命名為dist-atp(命名可自定義)

3)將dist-atp檔案上傳到伺服器的/usr/local/nginx/html路徑下

10.配置nginx.conf

cd /usr/local/nginx/conf

vim nginx.conf

1 #啟動的程序數量

儲存檔案

按esc

:wq11.檢視nginx.conf配置是否正確

12.在/usr/local/nginx/html目錄下上傳dist專案包,並對專案包進行解壓

13.在/usr/local/nginx/sbin目錄下重啟nginx

# ./nginx -s reload 

13.在瀏覽器輸入網域名稱:埠進行訪問

附件內容如下:

啟動,重啟,停止nginx

cd /usr/local/nginx/sbin/

./nginx -s quit:此方式停止步驟是待nginx程序處理任務完畢進行停止。

./nginx -s stop:此方式相當於先查出nginx程序id再使用kill命令強制殺掉程序。

啟動方法二

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

停止方法二

ps -ef|grep nginx #查詢程序號

kill -quit 主程序號 #從容停止

kill -term 主程序號 #快速停止

kill -9 主程序號 #強制停止

注:訪問外網ip(注意如果是阿里雲伺服器需要先配置安全組規則)

前端VUE專案部署到伺服器

具體步驟 一 先執行前端vue專案的 build 任務,會得到乙個 dist 打包檔案。二 在專案資料夾同級目錄下新建資料夾 server 例如我的專案名稱為 shop 那麼我在與 shop 同級目錄下新建乙個叫 shop server 的資料夾。建立好之後用vscode開啟。三 在vscode中開...

專案部署到伺服器

今天,第一次為工作寫日子,以後肯定會一直記錄,好了,說一下重點吧。如何把已完成的專案部署到伺服器,準備工作,在伺服器上搭建 jdk 和 tomcat 版本根據個人需求,我是 jdk1.7 和 tomcat 7.0 具體怎麼搭建上網查吧。第一步 把自己的專案上傳到伺服器上。我用的是最笨的方法,因為伺服...

Django專案部署到伺服器

安裝 sudo apt install python3 pip sudo pip3 install virtualenv sudo apt install nginx sudo apt install mysql server 建立虛擬環境 在專案目錄下執行 home file virtualenv...