Centos Nginx部署Vue專案

2021-09-29 02:45:45 字數 1703 閱讀 5389

在專案根目錄下開啟cmd視窗,輸入命令

npm run build

//生成dist資料夾

使用scp命令或者用遠端連線工具將打包好的dist資料夾上傳到伺服器或者虛擬機器的某個位置。

開啟cmd命令輸入:

scp -r 22 e:\\dist [email protected]:/home/dist

輸入root 使用者密碼,等待上傳成功即可

e:\dist 為dist所在目錄

root 為虛擬機器root使用者

192.168.3.5 為虛擬機器ip

/home/ 為將dist檔案上傳虛擬機器上home目錄

//進入  /sbin目錄下

cd /usr/local/nginx/sbin

//啟動nginx

./nginx

//檢查更改的配置

./nginx -t

./nginx -s reload

//停止nginx

./nginx -s stop

//進入conf

cd /usr/local/nginx/conf

vim nginx.conf

nginx.conf這個是全部的配置檔案,可以複製下來參考。

#基於網域名稱的虛擬主機

server

#error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

error_page 500 502 503 504 /50x.html;

location = /50x.html

# pass the php scripts to fastcgi server listening on 127.0.0.1:9000

##location ~ \.php$

# deny access to .htaccess files, if apache's document root

# concurs with nginx's one

##location ~ /\.ht

}}

//8088,自己指定埠

firewall-cmd --permanent --add-port=8880/tcp --zone=public

firewall-cmd --reload

//檢查配置是否正確

./nginx -t

//啟動nginx

./nginx

可以看下這個,寫的比較詳細

centos雲伺服器nginx部署多vue專案

本文章為博主通過vue模板快速搭建vue專案的筆記,適合初學vue的新人。專案可部署,看完之後很快就能跟博主一樣快速搭建自己的vue專案。並且通過可部署的專案,能夠更好更快的理解整個流程,博主主要為後端研發,但仍可快速的理通vue開發的流程。本專案github原始碼 兩個均可部署 仿ins的探索功能...

centOS nginx環境搭建

2.上傳至linux my nginx 3.解壓nginx tar zxvf nginx 1.9.8.tar.gz 4.nginx 環境安裝 1 yum install gcc c 2 pcre perlcompatible regular expressions 是乙個perl庫,包括 perl ...

搭建centos nginx環境

1.執行yum list grep nginx 檢視伺服器是否安裝了nginx 出現這樣的列表,說明伺服器上存在有nginx的yum源,如果不出現列表,或者發現版本過低,可以到官網 去尋找最新的源。如圖 找到最新的yum源 nginx stable name nginx stable repo ba...