Nginx打包和部署

一.打包

复制代码
npm  run  build

二.打包后的文件

1.css

2.fonts

3.js

4.favicon.ico

5.index.html

三.Nginx

1.介绍

Nginx是一款轻量级的Web服务器/方向代理服务器及电子邮件(IMAP/POP3)代理服务器,其特点是占用内存少,并发能力强,在各大互联网公司都有非常广泛的使用。

2.官网

https://nginx.org/

3.安装目录

1.conf

配置文件目录

2.contrib

3.docs

4.html

静态资源文件目录

5.logs

.日志文件目录

6.temp

临时文件目录

7.nginex.exe

四.部署

将打包好的dist目录下的文件,复制到nginx安装的html目录下

1.启动nglnx

双击nginx.exe,默认在80端口下运行

2.双击没有反应的解决方法

打开nginx的运行日志,80端口被占用

3.在命令行查看

复制代码
netstat -ano | findStr 80

查找的是当前系统中,那个进行占用了80端口

pid为4的进程

系统进程,惹不起.我们直接更换端口号

4.打开conf/nginx.confg

5.再次双击nginx.exe

有两个nginx,说明运行成功

6.打开浏览器访问打包好的项目

数据能够正常访问,说明已经完成打包和部署

相关推荐
LH_R6 小时前
OneTerm开源堡垒机实战(四):访问授权与安全管控
运维·后端·安全
Raymond运维6 小时前
MariaDB源码编译安装(二)
运维·数据库·mariadb
JuiceFS1 天前
从 MLPerf Storage v2.0 看 AI 训练中的存储性能与扩展能力
运维·后端
chen9451 天前
mysql 3节点mgr集群部署
运维·后端
LH_R1 天前
OneTerm开源堡垒机实战(三):功能扩展与效率提升
运维·后端·安全
dessler1 天前
Hadoop HDFS-高可用集群部署
linux·运维·hdfs
少妇的美梦2 天前
logstash教程
运维
chen9452 天前
k8s集群部署vector日志采集器
运维
chen9452 天前
aws ec2部署harbor,使用s3存储
运维
東雪蓮☆2 天前
深入理解 LVS-DR 模式与 Keepalived 高可用集群
linux·运维·服务器·lvs