Linux CentOS7.6 服务器一体式网站环境配置--Vue/Nginx篇

本文主要是介绍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 installpcre-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)]