当前位置： 首页 > news >正文

nginx 部署前端vue项目

news 来源：原创 2025/9/21 14:34:34

👨‍⚕ 主页： gis分享者
👨‍⚕ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅!
👨‍⚕ 收录于专栏：前端工程师

文章目录

  • 一、🍓什么是nginx？
  • 二、🍓nginx 部署前端vue项目步骤
    • 2.1 🍉安装nginx
      • 2.1.1 🍌windows环境安装
      • 2.1.2 🍌linux环境安装
    • 2.2 🍉打包vue项目
    • 2.3 🍉配置nginx

一、🍓什么是nginx？

Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能，时常用于服务端的反向代理和负载均衡。
优点：

  • 支持海量高并发：采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接，实际生产环境中可以支撑2-4万并发连接数。
  • 内存消耗少
  • 可商业化
  • 配置文件简单 除了这些优点还有很多，比如反向代理功能，灰度发布，负载均衡功能等

二、🍓nginx 部署前端vue项目步骤

2.1 🍉安装nginx

2.1.1 🍌windows环境安装

到nginx官方下载系统相关的nginx版本安装
在这里插入图片描述
启动命令：

cd F:\nginx-1.19.4
start nginx

2.1.2 🍌linux环境安装

通常情况下很少使用windows来作为nginx的服务器，一般使用linux。对于linux安装nginx有两种方式，一种是使用官方已经编译好的包来安装，一种是使用源码构建安装。

第一种方式参考官方地址https://nginx.org/en/linux_packages.html#stable

第二种方式参考官方地址https://nginx.org/en/docs/install.html中的Building from Sources片段，这种实际上就是下一个tar.gz包仍到linux服务去自己编译。

在linux服务上和window环境上使用nginx部署vue项目并没有太大差异，把构建好的vue项目dist上传到linux服务上，通用修改nginx服务器中的root来指向dist就ok了，然后使用

# centos 7
systemctl restart nginx.service
# centos 6
service nginx restart
# 或者是平滑重启
service nginx reload

2.2 🍉打包vue项目

执行命令

npm run build

在这里插入图片描述

2.3 🍉配置nginx

修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段

server {listen       80;#默认端口是80，如果端口没被占用可以不用修改server_name  localhost;root        E:/vue_project/my_project/dist;#vue项目的打包后的distlocation / {try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404index  index.html index.htm;}#对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件#因此需要rewrite到index.html中，然后交给路由在处理请求资源location @router {rewrite ^.*$ /index.html last;}#.......其他部分省略}

完成nginx配置后重新加载配置文件

nginx -s reload

nginx -s reload
浏览器中访问：http://localhost 测试是否部署成功

相关文章：

nginx 部署前端vue项目

👨‍⚕ 主页： gis分享者 👨‍⚕ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕ 收录于专栏：前端工程师 文章目录 一、🍓什么是nginx？二、🍓nginx 部署…...

编程日记 2025/9/21 14:34:34

【第1章：深度学习概览——1.6 深度学习框架简介与选择建议】

嘿，各位老铁们，今天咱们来一场深度学习框架的深度探索之旅。在这个充满无限可能的深度学习时代，深度学习框架就像是连接理论与实践的桥梁，帮助我们从算法设计走向实际应用。随着技术的飞速发展，深度学习框架的选择变得越来越多样化，每一种框架都有其独特的优势和适用场景…...

编程日记 2025/9/21 14:32:23

NLLB 与 ChatGPT 双向优化：探索翻译模型与语言模型在小语种应用的融合策略

作者：来自 vivo 互联网算法团队- Huang Minghui 本文探讨了 NLLB 翻译模型与 ChatGPT 在小语种应用中的双向优化策略。首先介绍了 NLLB-200 的背景、数据、分词器和模型，以及其与 LLM（Large Language Model）的异同和协同关系。接着…...

编程日记 2025/9/21 14:30:54

C#的委托delegate与事件event

在C#中，delegate（委托）和 event（事件）是两个非常重要的概念，它们主要用于实现回调机制和事件驱动编程。下面详细介绍它们的原理和使用场景。 1. Delegate（委托） 1.1 委托的原理 委托…...

编程日记 2025/9/21 14:32:42

Spring Boot 集成MyBatis-Plus

文章目录 一、背景说明二、集成过程 2.1 引入 maven 依赖2.2 增加属性配置2.3 自动配置类 三、验证集成 3.1 控制器3.2 服务类3.3 Mapper接口类3.4 实体类3.4 不要忘记XML文件3.5 发起请求 四、技巧拓展 4.1 如何打印sql语句？4.2 如何对参数增加非空验证&#xff1f…...

编程日记 2025/9/21 11:24:47

javacv将视频切分为m3u8视频并播放

学习链接 ffmpeg-demo 当前对应的 gitee代码 Spring boot视频播放(解决MP4大文件无法播放)，整合ffmpeg,用m3u8切片播放。 springboot 通过javaCV 实现mp4转m3u8 上传oss 如何保护会员或付费视频？优酷是怎么做的？ - HLS 流媒体加密 ffmpe…...

编程日记 2025/9/21 14:30:53

Docker 入门与实战：从安装到容器管理的完整指南

🚀 Docker 入门与实战：从安装到容器管理的完整指南 🌟 📖 简介 在现代软件开发中，容器化技术已经成为不可或缺的一部分。而 Docker 作为容器化领域的领头羊，以其轻量级、高效和跨平台的特性，深…...

编程日记 2025/9/21 14:30:51

计算机视觉：卷积神经网络(CNN)基本概念(二)

第一章：计算机视觉中图像的基础认知 第二章：计算机视觉：卷积神经网络(CNN)基本概念(一) 第三章：计算机视觉：卷积神经网络(CNN)基本概念(二) 第四章：搭建一个经典的LeNet5神经网络 接上一篇《计算机视觉&am…...

编程日记 2025/9/20 12:29:32

SQL SERVER的PARTITION BY应用场景

SQL SERVER的PARTITION BY关键字说明介绍 PARTITION BY关键字介绍具体使用场景排名计算累计求和分组求最值分组内百分比计算分组内移动平均计算分组内数据分布统计分组内数据偏移计算 总结 PARTITION BY关键字介绍 在SQL SERVER中，关键字PARTITION BY主要用于窗口函…...

编程日记 2025/9/21 6:37:59

【ISO 14229-1:2023 UDS诊断全量测试用例清单系列：第十二节】

ISO 14229-1:2023 UDS诊断服务测试用例全解析（TesterPresent_0x3E服务） 作者：车端域控测试工程师 更新日期：2025年02月14日 关键词：UDS协议、0x3E服务、会话保持、ISO 14229-1:2023、ECU测试 一、服务功能概述 0x3E服…...

编程日记 2025/9/21 14:29:04

gsoap实现webservice服务

gsoap实现webservice服务 在实现Web服务时，使用gSOAP是一个很好的选择，因为它提供了强大的工具和库来创建SOAP和RESTful服务。gSOAP是一个C和C语言开发的库，它支持SOAP协议的各种版本，包括SOAP 1.1和SOAP 1.2。下面是如何使用gSO…...

编程日记 2025/9/21 12:20:43

达梦：dmserver占用io高排查

目录标题 1. 使用达梦数据库的性能视图查询当前活动会话查询执行时间较长的 SQL 2. 使用 DM 性能监视工具3. 使用操作系统工具监控 I/Oiostat 工具dstat 工具 4. 优化查询和索引审查 SQL 执行计划优化索引 5. 调整数据库参数6. 分析数据库日志7. 硬件和存储检查总结 针对达梦数…...

编程日记 2025/9/21 11:11:29

MoE架构中的专家选择门控机制：稀疏激活如何实现百倍效率突破？

技术原理（数学公式与核心逻辑） 核心公式 门控网络输出： G ( x ) Softmax ( W g ⋅ x b g ) G(x) \text{Softmax}(W_g \cdot x b_g) G(x)Softmax(Wg​⋅xbg​) 最终输出： y ∑ i 1 n G i ( x ) ⋅ E i ( x ) (仅保留Top-…...

编程日记 2025/9/21 14:32:44

用python写一个聊天室程序

下面是一个简单的基于Socket的Python聊天室程序示例，包括服务器端和客户端： 服务器端代码： import socket import threadingdef handle_client(client, address):print(f"New connection from {address}")while True:msg client…...

编程日记 2025/9/19 19:17:58

七星棋牌全开源修复版源码解析：6端兼容，200种玩法全面支持

本篇文章将详细讲解 七星棋牌修复版源码 的 技术架构、功能实现、二次开发思路、搭建教程 等内容，助您快速掌握该棋牌系统的开发技巧。 1. 七星棋牌源码概述 七星棋牌修复版源码是一款高度自由的 开源棋牌项目，该版本修复了原版中的多个 系统漏洞&#…...

编程日记 2025/9/13 4:14:18

Vulhub靶机 ActiveMQ任意 文件写入（CVE-2016-3088）（渗透测试详解）

一、开启vulhub环境 docker-compose up -d 启动 docker ps 查看开放的端口 漏洞版本：ActiveMQ在5.14.0之前的版本（不包括5.14.0） 二、访问靶机IP 8161端口 默认账户密码都是admin 1、利用bp抓包，修改为PUT方法并在fileserver…...

编程日记 2025/9/20 4:48:58

Cloud: aws:network: limit 含有pps这种限制

https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/troubleshooting-ena.html#statistics-ena 这个是调查网络问题的一个网页； 在里面，竟然含有pps这种限制：ethtool -S；其实是比较苛刻的安全相关的策略？ [ec2-user ~]$ ethtool -S ethN NIC statistics:tx_timeout: …...

编程日记 2025/9/21 14:28:45

28、深度学习-自学之路-NLP自然语言处理-做一个完形填空，让机器学习更多的内容程序展示

import sys,random,math from collections import Counter import numpy as npnp.random.seed(1) random.seed(1) f open(reviews.txt) raw_reviews f.readlines() f.close()tokens list(map(lambda x:(x.split(" ")),raw_reviews))#wordcnt Counter() 这行代码的…...

编程日记 2025/9/21 14:30:33

观察者模式说明(C语言版本)

观察者模式主要是为了实现一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。这个主题对象在状态发生变化时，会通知所有观察者对象，使它们能够自动更新自己。下面使用C语言实现了一个具体的应用示例，有需要的可以参考…...

编程日记 2025/9/21 14:30:32

LC-搜索二维矩阵II、相交链表、反转链表、回文链表、环形链表、环形链表ll

搜索二维矩阵II 方法：从右上角开始搜索 我们可以从矩阵的右上角开始进行搜索。如果当前元素 matrix[i][j] 等于 target，我们直接返回 true。如果 matrix[i][j] 大于 target，说明 target 只能出现在左边的列，所以我们将列指针向左…...

编程日记 2025/9/19 17:50:36

如何查看 Linux 服务器的 MAC 地址：深入解析与实践指南

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...

编程日记 2025/9/21 14:29:00

国产FPGA开发板选择

FPGA开发板是学习和开发FPGA的重要工具，选择合适的开发板对学习效果和开发效率至关重要。随着国产FPGA的发展，淘宝上的许多FPGA开发板店铺也开始进行国产FPGA的设计和销售，本文将对国产FPGA和相关店铺做个简单梳理，帮助有需要使用…...

编程日记 2025/9/13 3:15:05

iOS 获取设备占用内存

获取应用占用内存 获取应用进程占用内存 - (NSUInteger)memoryUsage {task_vm_info_data_t vmInfo;mach_msg_type_number_t count TASK_VM_INFO_COUNT;kern_return_t result task_info(mach_task_self(), TASK_VM_INFO, (task_info_t)&vmInfo, &count);if (result …...

编程日记 2025/9/21 14:29:01

用自己的数据训练yolov11目标检测

文章目录 概要理论知识整体架构流程架构优化多任务支持多参数体量 操作实操环境配置数据准备数据标注数据放置路径 训练预测 概要 官网：https://github.com/ultralytics/ultralytics?tabreadme-ov-file 提示：以 停车场空位检测 公开数据集示例&#x…...

编程日记 2025/9/14 16:34:30

golang如何将结构体和函数进行绑定？

在Go语言中，结构体和函数的绑定通常通过方法（method）来实现。方法是一种特殊的函数，它与某个类型关联，特别是结构体类型。下面是如何将结构体和函数进行绑定的具体步骤： 定义结构体：首先需要定义…...

编程日记 2025/9/21 2:55:27

【苍穹外卖】学习

软件开发整体介绍 作为一名软件开发工程师,我们需要了解在软件开发过程中的开发流程， 以及软件开发过程中涉及到的岗位角色，角色的分工、职责， 并了解软件开发中涉及到的三种软件环境。那么这一小节，我们将从 软件开发流程、角色…...

编程日记 2025/9/19 4:39:36

架构——LVS负载均衡主要模式及其原理、服务水平、优缺点

LVS（Linux Virtual Server）是一款高性能的开源负载均衡软件，支持多种负载均衡模式。以下是其主要模式及其原理、服务水平、优缺点： 1. NAT 模式（Network Address Translation） 原理： 请求流程…...

编程日记 2025/9/20 20:28:17

DFS算法篇：理解递归，熟悉递归，成为递归

1.DFS原理 那么dfs就是大家熟知的一个深度优先搜索，那么听起来很高大尚的一个名字，但是实际上dfs的本质就是一个递归，而且是一个带路径的递归，那么递归大家一定很熟悉了，大学c语言课程里面就介绍过递归，我…...

编程日记 2025/9/13 3:14:54

让编程变成一种享受-明基RD320U显示器

引言 作为一名有着多年JAVA开发经验的从业者，在工作过程中，显示器的重要性不言而喻。它不仅是我们与代码交互的窗口，更是影响工作效率和体验的关键因素。在多年的编程生涯中，我遇到过各种各样的问题。比如，在进行代码…...

编程日记 2025/9/16 8:15:59

C语言简单练习题

文章目录 练习题一、计算n的阶乘bool类型 二、计算1!2!3!...10!三、计算数组arr中的元素个数二分法查找 四、动态打印字符Sleep()ms延时函数system("cls")清屏函数 五、模拟用户登录strcmp()函数 六、猜数字小游戏产生一个随机数randsrandRAND_MAX时间戳time() 示例 …...

编程日记 2025/9/18 15:48:04

基于Python的深度学习音乐推荐系统（有配套论文）

音乐推荐系统 提供实时音乐推荐功能，根据用户行为和偏好动态调整推荐内容 Python、Django、深度学习、卷积神经网络 、算法 数据库：MySQL 系统包含角色：管理员、用户 管理员功能：用户管理、系统设置、音乐管理、音乐推荐管理、系…...

编程日记 2025/9/13 3:14:49

Java：单例模式（Singleton Pattern）及实现方式

一、单例模式的概念 单例模式是一种创建型设计模式，确保一个类只有一个实例，并提供一个全局访问点来访问该实例，是 Java 中最简单的设计模式之一。该模式常用于需要全局唯一实例的场景，例如日志记录器、配置管理、线程池、数据库…...

编程日记 2025/9/20 1:17:56

解锁养生秘籍，拥抱健康生活

在这个快节奏的时代，人们行色匆匆，常常在忙碌中忽略了健康。其实，养生并非遥不可及，它就藏在生活的细微之处，等待我们去发现和实践。 规律作息是健康的基础。日出而作，日落而息，顺应自然规律&am…...

编程日记 2025/9/21 12:50:43

数据结构之堆（Heap）

数据结构之堆（Heap） 数据结构之堆（Heap）一、堆的核心概念1. 定义与性质2. 存储方式 二、核心操作与算法1. 操作复杂度概览2. 关键操作详解(1) 向上调整（Sift Up）(2) 向下调整（Sift Down&#xf…...

编程日记 2025/9/18 17:23:48

人工智能 - 机器学习、深度学习、强化学习是人工智能领域的理论基础和方法论

机器学习、深度学习、强化学习是人工智能领域的三大核心方向，各自具有独特的理论基础和方法论。以下是它们的核心理论知识总结： 一、机器学习（Machine Learning, ML） 1. 基础概念 目标：通过数据驱动的方式，让机器从经验中学习规律，完成预测、分类或决策任务。 核心范式…...

编程日记 2025/9/20 5:15:12

github上文件过大无法推送问题

GitHub 对文件大小有限制，超过 100 MB 的文件无法直接推送到仓库中。 解决思路： 使用 Git Large File Storage (Git LFS) 来管理大文件不上传对应的大文件 使用Git LFS： 1. 安装 Git LFS 首先，你需要安装 Git LFS。可以按照以…...

编程日记 2025/9/13 6:30:23

Elasticsearch：将 Ollama 与推理 API 结合使用

作者：来自 Elastic Jeffrey Rengifo Ollama API 与 OpenAI API 兼容，因此将 Ollama 与 Elasticsearch 集成非常容易。 在本文中，我们将学习如何使用 Ollama 将本地模型连接到 Elasticsearch 推理模型，然后使用 Playground 向文档提…...

编程日记 2025/9/21 11:41:54

【Linux】详谈 进程控制

目录 一、进程是什么 二、task_struct 三、查看进程 四、创建进程 4.1 fork函数的认识 4.2 2. fork函数的返回值 五、进程终止 5.1. 进程退出的场景 5.2. 进程常见的退出方法 5.2.1 从main返回 5.2.1.1 错误码 5.2.2 exit函数 5.2.3 _exit函数 5.2.4 缓冲区问题补…...

编程日记 2025/9/19 10:20:26

构建高效智能对话前端：基于Ant Design X 的deepseek对话应用

文章目录 实现的效果前言Ant Design X添加欢迎组件创建对话气泡存储对话历史渲染对话气泡 输入组件WebSocket 连接总结 实现的效果 待机页面： 等待页面： 完成页面： 前言 随着人工智能技术的飞速发展，大模型对话系统已成为…...

编程日记 2025/9/18 22:57:03

WordPress“更新失败，响应不是有效的JSON响应”问题的修复

在使用WordPress搭建网站时，许多人在编辑或更新文章时，可能会遇到一个提示框，显示“更新失败，响应不是有效的JSON响应”。这个提示信息对于不了解技术细节的用户来说，太难懂。其实，这个问题并不复杂&#x…...

编程日记 2025/9/20 5:28:43

华为交换机trunk简介配置

目录 一、Trunk 口简介二、Trunk 口配置案例及命令（一）组网需求（二）配置步骤（三）验证配置 三、注意事项 一、Trunk 口简介 Trunk 口是交换机中一种重要的端口类型，主要用于连接交换机与交换机、…...

编程日记 2025/9/18 14:49:50

DeepSeek从入门到精通（清华大学）

​ DeepSeek是一款融合自然语言处理与深度学习技术的全能型AI助手，具备知识问答、数据分析、编程辅助、创意生成等多项核心能力。作为多模态智能系统，它不仅支持文本交互，还可处理文件、图像、代码等多种格式输入，其知识库更新至2…...

编程日记 2025/9/13 6:30:12

【SpringBoot3】面向切面 AspectJ AOP 使用详解

文章目录 一、AspectJ介绍二、简单使用步骤 1、引入依赖2、定义一个Aspect3、开启AOP支持 三、AOP 核心概念四、切点（Pointcut） 1. execution2. within3. this & target4. args & args5. within & target & annotation 五、通知&#xf…...

编程日记 2025/9/20 6:28:39

容器运行常见数据库

一.涉及镜像压缩包 均为amd架构版本：mysql:5.7.42、postgres:13.16、dm8:20250206_rev257733_x86_rh6_64、oceanbase-ce:v4.0、opengauss:5.0.2 通过网盘分享的文件：db.tgz 链接: https://pan.baidu.com/s/1EBbFPZj1FxCA4_GxjVunWg?pwd563s 提取码: 5…...

编程日记 2025/9/13 6:30:08

OpenGL ES学习大纲

如果您想从头学习 OpenGL ES，以下是一个详细的学习大纲，涵盖了从基础到高级的知识点，循序渐进地帮助您掌握 OpenGL ES 的核心概念、API 使用、渲染管线、着色器编程、性能优化等内容。 1. 学习前的准备 1.1 基础知识 在学习 OpenGL ES 之前，您需要掌握以下基础知识： 数学…...

编程日记 2025/9/21 12:00:22

Kotlin 优雅的接口实现

1. 日常遇到的冗余的接口方法实现 日常开发中，经常会要实现接口，但是很多场景中，只需要用到其中一两个方法，例如 ActivityLifecycleCallbacks，它有很多个接口需要实现，但是很多时候我们只需要用到其中的一…...

编程日记 2025/9/20 18:27:28

数据结构实现顺序表的尾插，尾删，按值查找/修改/删除，按下标查找/增加/删除

头文件&#xff1a;head.h #ifndef __HEAD_H__ #define __HEAD_H__#include <stdio.h> #include <string.h> #include <stdlib.h> #define MAXSIZE 20enum num {success,false-1};typedef int datatype;typedef struct {int len;datatype data[MAXSIZE]; }S…...

编程日记 2025/9/16 3:37:26

qt实现文字跑马灯效果

实现跑马灯的方式多种多少样&#xff0c;可以通过定时器&#xff0c;或者animation等来实现。 本文通过定时器&#xff0c;将第一个文字&#xff0c;移动到最后一个这种方式来实现&#xff0c;还有其他方式哈。 直接上源码 h文件 #ifndef TEXTTICKER_H #define TEXTTICKER_…...

编程日记 2025/9/21 8:02:08

PyTorch Tensor 形状变化操作详解

PyTorch Tensor 形状变化操作详解 在深度学习中&#xff0c;Tensor 的形状变换是非常常见的操作。PyTorch 提供了丰富的 API 来帮助我们调整 Tensor 的形状&#xff0c;以满足模型输入、计算或数据处理的需求。本文将详细介绍 PyTorch 中常见的 Tensor 形状变换操作&#xff0…...

编程日记 2025/9/21 7:09:19

关于Node.js前端面试的试题概念、工作原理及实际应用

文章目录 1. 什么是Node.js&#xff1f;2. Node.js是如何工作的&#xff1f;3. Node.js与其他流行的框架相比有何优势&#xff1f;4. Node.js如何克服I/O操作阻塞的问题&#xff1f;5. 为什么Node.js是单线程的&#xff1f;6. 如果Node.js是单线程的&#xff0c;那么它是如何处…...

编程日记 2025/9/20 1:42:37