在nginx上部署vue项目 ---＞教你打包发布

1、什么是nginx

nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，公开版本1.19.6发布于2020年12月15日。 [12]

其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。2022年01月25日，nginx 1.21.6发布。 [13]

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好。

2、nginx的特点

• 反向代理
• 负载均衡
• 动静分离

3、nginx的安装

安装命令:

yum install -y nginx

查看安装目录和版本：

whereis nginx
nginx -v

**注意：**nginx的配置文件在/etc/nginx的目录下

4、启动与停止nginx

命令：

#启动
nginx
#停止
nginx -s stop

5、部署vue

1、打包命令,生成dist文件夹

npm run build

2、放入服务器你想要放的位置,我这里放的是/qijingjing/resource/ll-blog/html

3、进入/etc/nginx修改配置文件nginx.conf

4、重新启动nginx

nginx -s reload

5、输入自己服务器的ip地址即可成功访问

http://101.34.253.161