4.nginx部署前端代码

本文主要学习Nginx的安装/配置/卸载，可以大致了解一下。

Nginx 简介

Nginx（发音为 x）是一个异步框架 Web 服务器，也可以用作反向代理、负载均衡器和 HTTP 缓存。该软件由 Igor 创建并于 2004 年首次公开发布。同名公司成立于 2011 年提供支持。 2019 年 3 月 11 日，Nginx 被 F5 以 6.7 亿美元收购。

Nginx 是根据类似 BSD 的许可条款发布的免费开源软件。很大一部分 Web 服务器使用 Nginx，通常用作负载均衡器。

1.nginx 卸载：

注意：首先需要停止nginx服务

sudo service nginx stop

(1.) 删除nginx，–purge 包含配置文件

sudo apt-get --purge remove nginx

(2.) 自动删除所有未使用的包

sudo apt-get autoremove

(3.) 列出nginx相关软件并删除显示的软件

dpkg --get-selections|grep nginx
sudo apt-get --purge remove nginx
sudo apt-get --purge remove nginx-common
sudo apt-get --purge remove nginx-core

(4.) 再次执行

dpkg --get-selections|grep nginx
which nginx # 不在显示nginx
这样就可以完全卸载掉nginx包括配置文件

2.nginx 安装

sudo apt-get install nginx 

3.修改nginx默认端口

vim /etc/nginx/sites-enabled/default
server {
        listen 80 default_server;
        listen [::]:80 default_server;

4.nginx部署前端代码

(1.) 编译前端代码

npm run build  //生成dist文件

（2.）将dist文件夹中的文件复制到/root//www

cp dist/* /root/project/www    //如果目录不存在，提前创建www目录

（3.）修改/etc/nginx/nginx.conf

user root;
server {
      listen 8082;
      server_name localhost;
      root /root/project/www;

      index index.html;
      location / {
        try_files $uri $uri/ /index.html;
      }
}

5.nginx 启动

nginx -s stop  //停止
nginx -s reload  //重新加载
nginx  //启动