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.打开浏览器访问打包好的项目

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

相关推荐
一心0922 小时前
ubuntu 20.04.6 sudo 源码包在线升级到1.9.17p1
运维·ubuntu·sudo·漏洞升级
好好学习啊天天向上2 小时前
世上最全:ubuntu 上及天河超算上源码编译llvm遇到的坑,cmake,ninja完整过程
linux·运维·ubuntu·自动性能优化
你想考研啊3 小时前
三、jenkins使用tomcat部署项目
运维·tomcat·jenkins
代码老y3 小时前
Docker:容器化技术的基石与实践指南
运维·docker·容器
典学长编程4 小时前
Linux操作系统从入门到精通!第二天(命令行)
linux·运维·chrome
DuelCode4 小时前
Windows VMWare Centos Docker部署Springboot 应用实现文件上传返回文件http链接
java·spring boot·mysql·nginx·docker·centos·mybatis
你想考研啊6 小时前
四、jenkins自动构建和设置邮箱
运维·jenkins
Code blocks6 小时前
使用Jenkins完成springboot项目快速更新
java·运维·spring boot·后端·jenkins
饥饿的半导体7 小时前
Linux快速入门
linux·运维
还是奇怪10 小时前
Linux - 安全排查 2
linux·运维·安全