首页 > 系统相关 >Nginx项目部署

Nginx项目部署

时间:2023-12-26 21:55:20浏览次数:30  
标签:文件 文件目录 nginx 部署 项目 Nginx 端口号 打包

本篇来总结一下vue项目打包部署到nginx上的流程和注意事项

使用

1.Vue打包

在NPM脚本中找到build,或者在终端控制台输入

npm run build

就可以对vue项目进行打包

在文件目录dist中的文件就是本次打包的文件

2.nginx

简介

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

官网下载

https://nginx.org/

文件目录

下载后解压即可安装完成,下面来介绍一下各个文件夹的作用

  • conf 配置文件目录
  • html 静态资源文件存放目录(html,css,js)
  • logs 日志文件存放目录
  • temp 临时文件存放目录
  • nginx.exe 可执行文件

使用步骤

在conf目录下,找到nginx.cof文件,可以在其中配置端口号,防止端口号被占用,导致启动失败

如果端口号失败

可以在命令窗中(netstat -ano | findStr 端口号)

netstat -ano 系统中所有的线程

findStr 80 找到端口号为80的应用

在最后一行为PID的值

我们可以在任务管理器中找到对应的PID值,找到应用后,将其关闭即可


注意文件中的路径,可以进行路径重写来保证路径正确

我们可以将打包的文件放入html静态资源中,即部署完成

标签:文件,文件目录,nginx,部署,项目,Nginx,端口号,打包
From: https://www.cnblogs.com/yifan0820/p/17929458.html

相关文章

  • 【UniApp】-uni-app-项目计算功能(苹果计算器)
    前言本文主要介绍苹果计算器项目中计算功能的实现在前面的文章中已经实现了输入,动态计算字体大小,以及计算器的布局本文主要介绍计算功能的实现正文实现/清空/改变正负/除以100inputText已经实现了,接下来实现operator的功能,operator方法在之前的文章中已经定义好了,......
  • [Nginx] API请求体过大时,报:Nginx 413 Request Entity Too Large [转载]
    1问题描述此问题(通过方法1)已解决,但整体的解决思路,参考自网友,故著名为【转载】文章昨晚压测时,通过API请求10000个设备的若干信号(5个)状态时,Postman返回Nginx的如下错误API整个请求有1.37MB413RequestEntityTooLarge2问题分析通过字面意思,即可知悉:nginx的cl......
  • nginx 安装
    #!/bin/bash###############################################################FileName:install_nginx.sh#Version:V1.0#Author:junwang#Organization:#CreatedTime:2021-04-1317:12:54#Description:###############################################......
  • Nginx常用配置
    项目配置示例HTTP:userroot;worker_processes1;events{worker_connections1024;}http{includemime.types;default_typeapplication/octet-stream;sendfileon;#tcp_nopushon;#keepalive_timeout0;keepa......
  • ArgoCD和Argo Rollouts自动化部署应用
    环境说明使用ArgoRollouts部署nginx应用:1.使用Rollout部署nginx2.采用canary部署策略3.结合Analysis进行渐进式交付4.结合IstioVirtualService进行自动化流量分割和流量迁移5.部署清单放在gitrepo中使用ArgoCD进行自动化部署:1.使用Application监视GitRepository2......
  • ArgoCD和Argo Rollouts自动化部署应用
    环境说明使用ArgoRollouts部署nginx应用:1.使用Rollout部署nginx2.采用canary部署策略3.结合Analysis进行渐进式交付4.结合IstioVirtualService进行自动化流量分割和流量迁移5.部署清单放在gitrepo中使用ArgoCD进行自动化部署:1.使用Application监视GitRepository2......
  • 项目自定义代码规范
    2023年底了马上2024年了,今年没写几篇文章,事情太多。长大是痛苦的要经历很多。收~进入正题今天带来一个创建项目团队合作开发的规范。跟上我的步伐,从0-1开始吧!eslintESLint是一个可配置的JavaScript检查器。它可以帮助你发现并修复JavaScript代码中的问题。问题可以指......
  • 软件测试面试——项目相关的几个问题
    ......
  • 加入新公司第一个项目的问题总结
    这是我加入新公司的第一个项目,虽然项目接近尾声,但编写项目的时候遇到了不少问题,在此记录下来,让自己及时回顾,避免再犯。也希望给遇到类似需求的你一些启发:总结一:项目中有8个流程节点,也就是8个审批流程,8个流程分别由8个组件组成。而流程个数的显示由后端返回的status字段的数字决定。......
  • M1 Docker 部署rocketmq
    1、克隆镜像arm64镜像代码编译镜像,docker直接安装会报错所以选择编译gitclonehttps://github.com/apache/rocketmq-docker.git  cdrocketmq-docker #注意这里centos固定不要改镜像版本可以改shbuild-image.sh4.8.0centos 第二步:拉取mqconsole镜像: candice0630/rocket......