1、安装CentOS
这里不再复述，不会的请移步VMware虚拟机安装centos7
2、部署
1、安装 node.js
cd /usr/local/
wget https://nodejs.org/dist/v10.14.0/node-v10.14.0-linux-x64.tar.xz
解压源码
cd /usr/local/
tar -xvf node-v10.14.0-linux-x64.tar.xz
重命名：
mv node-v10.14.0-linux-x64 nodejs
建立软连接：
ln -s /usr/local/nodejs/bin/node /usr/local/bin
ln -s /usr/local/nodejs/bin/npm /usr/local/bin
查看node版本
node -v
npm -v
2、将项目dist文件拷贝到指定目录
3、安装Nginx
安装所需环境
Nginx 是 C语言 开发，建议在 Linux 上运行，当然，也可以安装 Windows 版本，本篇则使用 CentOS 7 作为安装环境。
1. gcc 安装
安装 Nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：
yum install gcc-c++2. PCRE pcre-devel 安装
PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。Nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。Nginx也需要此库。命令：
yum install -y pcre pcre-devel3. zlib 安装
zlib 库提供了很多种压缩和解压缩的方式， Nginx 使用 zlib 对 http 包的内容进行 gzip ，所以需要在 Centos 上安装 zlib 库。
yum install -y zlib zlib-devel4. OpenSSL 安装
OpenSSL 是一个强大的安全套接字层密码库，囊括主要的密码算法、常用的密钥和证书封装管理功能及 SSL 协议，并提供丰富的应用程序供测试或其它目的使用。
Nginx 不仅支持 http 协议，还支持 https（即在ssl协议上传输http），所以需要在 Centos 安装 OpenSSL 库。
yum install -y openssl openssl-devel5.下载
使用wget命令下载
wget -c https://Nginx.org/download/Nginx-1.10.1.tar.gz
6.解压
依然是直接命令：
tar -zxvf Nginx-1.10.1.tar.gz
cd Nginx-1.10.17.配置
其实在 Nginx-1.10.1 版本中你就不需要去配置相关东西，默认就可以了。当然，如果你要自己配置目录也是可以的。
1.使用默认配置
./configure2.自定义配置（不推荐）
./configure \
--prefix=/usr/local/Nginx \
--conf-path=/usr/local/Nginx/conf/Nginx.conf \
--pid-path=/usr/local/Nginx/conf/Nginx.pid \
--lock-path=/var/lock/Nginx.lock \
--error-log-path=/var/log/Nginx/error.log \
--http-log-path=/var/log/Nginx/access.log \
--with-http_gzip_static_module \
--http-client-body-temp-path=/var/temp/Nginx/client \
--http-proxy-temp-path=/var/temp/Nginx/proxy \
--http-fastcgi-temp-path=/var/temp/Nginx/fastcgi \
--http-uwsgi-temp-path=/var/temp/Nginx/uwsgi \
--http-scgi-temp-path=/var/temp/Nginx/scgi8.编译安装
make
make install查找安装路径：
whereis Nginx
9. 配置Nginx
cd /usr/local/Nginx/conf
vim Nginx.conf
server里面更改:
server { listen 8099; server_name localhost; //其实最好改成你的ip 不要写域名 localhost在这台server上相当于是10.xxx xxx的意思 #charset koi8-r; #access_log logs/host.access.log main; location / { root /root/data; 把dist.zip解压到data文件夹下 index index.html index.htm; }
/usr/local/Nginx/sbin
./Nginx //启动
./Nginx -s quit:此方式停止步骤是待Nginx进程处理任务完毕进行停止。./Nginx -s stop:此方式相当于先查出Nginx进程id再使用kill命令强制杀掉进程。
PS:主机能ping同虚拟机ip，但是加上端口号无法访问，需要开启端口号
查看开启了哪些端口
firewall-cmd --list-ports
查看端口
firewall-cmd --zone=public --query-port=80/tcp
firewall-cmd --zone=public --add-port=5005/tcp --permanent （--permanent永久生效，没有此参数重启后失效）
添加端口外部访问权限（这样外部才能访问）
firewall-cmd --add-port=5005/tcp
重新载入，添加端口后重新载入才能起作用
firewall-cmd --reload
这些之后，端口是开启成功的，如果没有成功，重启系统试试。
最后项目中用到了跨域，之前在webpack中配置的在服务器中不起作用，用Nginx代理
1、
location /proxy/ {
rewrite ^/proxy/ / break;
proxy_pass http://m.kugou.com;
}
2、
location /proxy/ {
proxy_pass http://m.kugou.com/$1?$query_string;
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
