Linux CentOS7.6 服務器一體式網站環境配置--Vue/Nginx篇

1. 安裝位置：

這裏選擇/opt

cd /opt

2. 下載安裝Node.js：

下載Node.js，並建立軟鏈。

https://npm.taobao.org/mirrors/node/v12.13.1/node-v12.13.1-linux-x64.tar.xz
tar xvf node-v12.13.1-linux-x64.tar.xz
ln -s /opt/node-v12.13.1-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/node-v12.13.1-linux-x64/bin/npm /usr/local/bin/npm

使用node -v和npm -v來驗證是否安裝成功，若安裝成功則會看到相應的版本信息。

安裝cnpm，並建立軟鏈。

npm install -g cnpm --registry=https://registry.npm.taobao.org
ln -s /opt/node-v12.13.1-linux-x64/bin/cnpm /usr/local/bin/cnpm

使用cnpm -v來進行驗證。

3. 安裝vue-cli

cnpm install -g vue-cli
ln -s /opt/node-v12.13.1-linux-x64/bin/vue /usr/local/bin/vue

使用

vue -V

驗證

4. 安裝webpack

cnpm install webpack -g
ln -s /opt/node-v12.13.1-linux-x64/bin/webpack /usr/local/bin/webpack

使用webpack -v驗證：
如果需要安裝webpack-cli則進行安裝即可。

5. 安裝配置Nginx服務器

首先安裝需要的一些包：
安裝PCRE庫

cd /opt
wget https://netix.dl.sourceforge.net/project/pcre/pcre/8.40/pcre-8.40.tar.gz
tar -zxvf pcre-8.40.tar.gz
cd pcre-8.40
./configure && make && make install

pcre-config --version

安裝zlib庫

cd /opt
wget http://zlib.net/zlib-1.2.11.tar.gz
tar -zxvf zlib-1.2.11.tar.gz
cd zlib-1.2.11
./configure && make && make install

安裝openssl

cd /opt
wget https://www.openssl.org/source/openssl-1.0.1t.tar.gz
tar -zxvf openssl-1.0.1t.tar.gz
cd openssl-1.0.1t
./config && make && make install

安裝nginx：

cd /opt
wget http://nginx.org/download/nginx-1.16.1.tar.gz
tar xvf nginx-1.16.1.tar.gz
cd nginx-1.16.1
./configure && make && make install

配置端口什麼的，可以編輯nginx/conf 下的nginx.conf

vi nginx-1.16.1/conf/nginx.conf

6. 運行：

/usr/local/nginx/sbin/nginx

雲服務器記得在控制檯-安全組打開對應默認端口：80（如果你沒有設置其他端口的話）

Nginx常用命令

#測試配置文件：
/usr/local/nginx/sbin/nginx -t
#啓動命令：
/usr/local/nginx/sbin/nginx
#停止命令：
/usr/local/nginx/sbin/nginx -s stop/quit
#重啓命令：
/usr/local/nginx/sbin/nginx -s reload
#查看進程命令：
ps -ef | grep nginx
#平滑重啓：
kill -HUP [Nginx主進程號(即ps命令查到的PID)]