目錄
1.先打包Vue專案
2.服務器(nginx)
2.1,查看gcc版本 gcc -v
2.2,pcre、pcre-devel安裝
2.3,zlib安裝
2.4,安裝openssl
2.5,安裝nginx
2.5.1創建一個檔案夾
2.5.2去到一個檔案夾
2.5.3下載nginx
2.5.4解壓壓縮包
2.5.5切換到nginx-1.9.9
2.6,把打包好的Vue專案dist上傳到服務器
2.6.1定位到nginx目錄下創建一個檔案夾用于放打包的專案edu
2.6.2修改配置
2.7,啟動nginx服務切換目錄到/usr/local/nginx/sbin下面
1.先打包Vue專案
打包(build) npm run build 也可以


打包完成后專案路徑會多出一個dist檔案夾

到這里本地的打包完成了
2.服務器(nginx)
注:如果已經有nginx環境了的話直接到第6小步
2.1,查看gcc版本 gcc -v
yum -y install gcc
2.2,pcre、pcre-devel安裝
pcre是一個perl庫,包括perl兼容的正則運算式庫,nginx的http模塊使用pcre來決議正則運算式,所以需要安裝pcre庫,
yum install -y pcre pcre-devel
2.3,zlib安裝
zlib庫提供了很多種壓縮和解壓縮方式nginx使用zlib對http包的內容進行gzip,所以需要安裝
yum install -y zlib zlib-devel
2.4,安裝openssl
openssl是web安全通信的基石,沒有openssl,可以說我們的資訊都是在裸奔,,,,,,
安裝命令:
yum install -y openssl openssl-devel
2.5,安裝nginx
2.5.1創建一個檔案夾
mkdir /usr/local/web
2.5.2去到一個檔案夾
cd /usr/local/web
2.5.3下載nginx
wget http://nginx.org/download/nginx-1.9.9.tar.gz
2.5.4解壓壓縮包
tar -zxvf nginx-1.9.9.tar.gz
2.5.5切換到nginx-1.9.9
cd /usr/local/web/nginx-1.9.9/
下面執行三個命令:
1. ./configure
2. make
3. make install
Nginx安裝成功
2.6,把打包好的Vue專案dist上傳到服務器
2.6.1定位到nginx目錄下創建一個檔案夾用于放打包的專案edu
cd /usr/local/nginx/
mkdir edu

把打包好的專案上傳到edu目錄下

2.6.2修改配置
修改nginx檔案夾里的nginx.conf修改默認配置,
默認配置已經夠用了基本只需要修改一下埠和路徑,
默認埠是80,一般都是已經被占用了的,改成其它自己需要的
然后路徑是剛剛打包的dist檔案的路徑
最基礎的配置(如果已經有其他專案在nginx里了也可以直接在http{里面再加上這一段})
cd /usr/local/nginx/conf
vim ./nginx.conf
#dist路徑

2.7,啟動nginx服務切換目錄到/usr/local/nginx/sbin下面
執行./nginx啟動
cd /usr/local/nginx/sbin
./nginx
其它nginx命令
./nginx -s stop #停止
./nginx -s quit #比較安全的退出
./nginx -s reload #重繪重啟
8、查看nginx服務是否啟動成功
ps -ef | grep nginx

然后開放埠(開放埠的操作這里就略啦——云服務器的去對應平臺設定安全組里添加)
不出意外的話執行你的ip或者域名:10.0.xx.xx:8080就可以訪問到你的專案啦

轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/294436.html
標籤:其他
上一篇:Nginx 總結
