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

如何将Vue项目部署至 nginx

news 来源：原创 2025/9/11 8:28:04

一、准备工作

1.确保安装了开发软件VS Code（此处可查阅安装 VS Code教程），确保相关插件安装成功

2.安装Node.js和创建Vue项目（此处可查阅安装创建教程）

3.成功在VS Code运行一个Vue项目（此处可查阅运行教程）

注意：以上均在 Win10环境下进行，浏览器为：Microsoft Edge，Vue：2.x

二、nginx介绍

Nginx是一款开源的高性能HTTP服务器和反向代理服务器，同时也可以用作邮件代理和负载均衡器。它由Igor Sysoev于2002年开发，最初的设计目标是处理高并发连接，特别适合静态内容的服务。

主要特点：

高性能：Nginx能够高效处理数万并发连接，适合高流量网站。
反向代理：可以将请求分发到多个后端服务器，提高负载均衡能力。
静态文件服务：对静态文件（如图片、CSS、JavaScript）提供快速响应。
模块化架构：支持多种模块，用户可以根据需求扩展功能。
灵活的配置：通过简单易懂的配置文件，用户可以快速设置和调整服务。

Nginx广泛应用于各类网站和应用中，因其性能和稳定性受到开发者和企业的青睐。

三、安装nginx

1.官网下载：

nginx: download

2.网盘下载：

链接：nginx-1.22.0.zip_免费高速下载|百度网盘-分享无限制 (baidu.com)
提取码：ku22

3.安装步骤

**只需将该压缩包解压至一个目录即可，就安装完成啦

**目录结构如下：

四、开始部署

1.在VS Code使用npm脚本，构建要部署的项目，找到build，点击运行符号，会开始构建项目

2.构建完成后，会发现自己的项目下多了一个dist目录，里面就是构建好的项目

3.找到红方框里的文件所在位置，右键dist，点击在文件资源管理器打开

4.将dist目录下的所有文件复制到nginx安装目录下的html目录下（可以提前删除html目录下的文件，确保html目录下是空的，再进行复制操作）

5.修改nginx服务器端口号，因为其默认端口号是80，80端口已经被我们系统占用，所以修改为90（也可以修改为没被占用的），打开nginx安装目录，打开cof目录下的nginx.conf文件，双击打开（因为我之前用Hbuilder打开过，所以图标可能跟你们不一样，反正你们认准nginx.conf文件这个文件就行）

6.打开后，修改这里为90，然后保存

7.启动nginx，启动后若是有防火墙，点击确认。双击后没反应是正常现象

8.找到任务管理器，查看是否启动成功，可以看到启动成功

9.运行部署的项目，浏览器输入：localhost:90 回车，可以看到，部署成功

10.如何关闭nginx，在nginx的安装目录进入cmd，输入：nginx -s quit，回车即可关闭nginx

以上就是如何让部署项目至nginx的步骤讲解，感谢各位看官的观看，下期见，谢谢~

如何将Vue项目部署至 nginx

一、准备工作 1.确保安装了开发软件VS Code（此处可查阅安装 VS Code教程），确保相关插件安装成功 2.安装Node.js和创建Vue项目（此处可查阅安装创建教程） 3.成功在VS Code运行一个Vue项目（此处可查阅运行教…...

编程日记 2025/9/11 8:28:04

SwiftUI之状态管理全解析

文章目录引言一、`@State`1.1 基本概念1.2 初始化与默认值1.3 注意事项二、`@Binding`2.1 基本概念2.2 初始化与使用2.3 注意事项三、`@ObservedObject`3.1 基本概念3.2 初始化与使用3.3 注意事项四、`@EnvironmentObject`4.1 基本概念4.2 初始化与使用4.3 注意事项五、`@Stat…...

编程日记 2025/9/8 17:04:09

Java-servlet（一）Web应用与服务端技术概念知识讲解

Java-servlet（一）Web应用与服务端技术概念知识讲解前言一、Web 应用1.WEB CS BS 对比2.WEB 介绍3.web 与 http 的关系二、servlet服务端技术1. 公共网关接口（CGI）2. servlet 是什么3.servlet 作用4. servlet 特性前言在当今时…...

编程日记 2025/9/11 8:26:41

多个pdf合并成一个pdf的方法

将多个PDF文件合并优点： 能更容易地对其进行归档和备份.打印时可以选择双面打印，减少纸张的浪费。比如把住宿发票以及滴滴发票、行程单等生成一个pdf，双面打印或者无纸化办公情况下直接发送给财务进行存档。方法: 利用PDF24 Tools网站 …...

编程日记 2025/9/11 8:16:35

数据集笔记：新加坡停车费

data.gov.sg 该数据集包含新加坡各停车场的停车费，具体信息包括： 停车场名称（Carpark）：如 Toa Payoh Lorong 8、Ang Mo Kio Hub、Bras Basah Complex 等。停车区域类别（Category）&#xff1a…...

编程日记 2025/9/11 8:18:23

易错点abc

在同一个输入流上重复创建Scanner实例可能会导致一些问题，包括但不限于输入流的混乱。尤其是在处理标准输入（System.in）时，重复创建Scanner对象通常不是最佳实践，因为这可能导致某些输入数据丢失或者顺序出错。为什么…...

编程日记 2025/9/11 8:16:34

leetcode第39题组合总和

原题出于leetcode第39题https://leetcode.cn/problems/combination-sum/description/题目如下： 给你一个无重复元素的整数数组 candidates 和一个目标整数 target ，找出 candidates 中可以使数字和为目标数 target 的所有不同组合 ，并以…...

编程日记 2025/9/8 8:02:17

【iOS】小蓝书学习（七）

小蓝书学习（七） 前言第47条：熟悉系统框架第48条：多用枚举块，少用for循环第50条：构建缓存使选用NSCache而非NSDictionary第51条：精简initialize与load的实现代码第52条：别忘了NSTimer…...

编程日记 2025/9/11 6:13:41

基于第三方SDK的Windows平台全功能RTMP|RTSP直播播放器深度解析

一、引言在当今数字化时代，直播技术的应用场景不断拓展，从娱乐直播到教育、医疗、工业等多个领域，都对直播播放器的功能和性能提出了更高的要求。本文将介绍一款基于第三方SDK实现的全功能直播播放器，从技术实现、功能特点、用户…...

编程日记 2025/9/9 9:11:25

命名实体识别与文本生成算法

在自然语言处理（NLP）的浩瀚星空中，命名实体识别（Named Entity Recognition, NER）与文本生成算法如同两颗璀璨的星辰，各自闪耀，又相互辉映，共同推动着人工智能技术在语言理解与生成领…...

编程日记 2025/9/5 15:59:36

题解 | 牛客周赛83 Java ABCDEF

目录题目地址做题情况 A 题 B 题 C 题 D 题 E 题 F 题牛客竞赛主页题目地址牛客竞赛_ACM/NOI/CSP/CCPC/ICPC算法编程高难度练习赛_牛客竞赛OJ 做题情况 A 题输出两个不是同一方位的字符中的任意一个就行 import java.io.*; import java.math.*; import java…...

编程日记 2025/9/10 12:45:11

样式和ui(待更新）

element-plus 先在项目下执行安装语句执行按需导入的命令按照官方文档修改vitest.json sass样式定制 npm -i sass -D在项目下准备定制的样式文件 styles/element/index.scss(!注意这里是.scss文件在vitest.json 修改配置文件 Components({resolvers: [ElementPlusResolver(…...

编程日记 2025/9/9 0:51:26

「Selenium+Python自动化从0到1②｜2025浏览器操控7大核心API实战（附高效避坑模板））」

Python 自动化操作浏览器基础方法在进行 Web 自动化测试时，操作浏览器是必不可少的环节。Python 结合 Selenium 提供了强大的浏览器操作功能，让我们能够轻松地控制浏览器执行各种任务。本文将详细介绍如何使用 Python 和 Selenium 操作浏览器的基本方法…...

编程日记 2025/9/9 10:13:22

C++的类和对象入门

目录目录目录一、类 1.1类的定义 1.2访问限定符 1.3类域 1.4类的命名规范 1.5class和struct的默认访问权限二、类的实例化 2.2对象的大小和存储 2.3空类的大小三、this指针 3.1this指针的定义 3.2this指针的作用 3.2.1区分同名变量和局部变量 3.2.2返回对象…...

编程日记 2025/9/9 14:27:12

【清华大学】DeepSeek从入门到精通完整版pdf下载

DeepSeek从入门到精通.pdf 一共104页完整版下载链接: https://pan.baidu.com/s/1-gnkTTD7EF2i_EKS5sx4vg?pwd1234 提取码: 1234 或链接：https://pan.quark.cn/s/79118f5ab0fd 一、DeepSeek 概述背景与定位 DeepSeek 的研发背景核心功能与技术特点&#xff08…...

编程日记 2025/9/9 12:33:55

deepseek使用记录18——文化基因之文化融合

文明长河中的生命浪花在洛阳白马寺的银杏树下，年轻母亲指着"农禅并重"碑刻给孩子讲述祖辈耕作的故事；在哔哩哔哩的直播间里，00后女孩穿着汉服跳起街舞，弹幕飘过"这才是文化缝合怪"。当文明交融的宏大叙事照…...

编程日记 2025/9/7 13:28:14

Java 大视界 -- Java 大数据在智慧文旅游客流量预测与景区运营优化中的应用（110）

💖亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也…...

编程日记 2025/9/7 12:47:10

面试题：说一下你对DDD的了解？

面试题：说一下你对DDD的了解？在面试中，关于 DDD（领域驱动设计，Domain-Driven Design）的问题是一个常见的技术考察点。DDD 是一种软件设计方法论，旨在通过深入理解业务领域来构建复杂的软件系统。以下是一个清晰、详细的回答模板，帮助你在面试中脱颖而出： DDD 的定义…...

编程日记 2025/9/10 11:41:10

网络编程——UDP

UDP编程使用套接字（Socket）进行通信。下面是基于UDP协议进行网络编程的基本步骤。 1. 创建套接字首先，客户端和服务器都需要通过 socket() 系统调用创建一个UDP套接字。 2. 配置地址和端口 UDP是无连接的，因此你不需要像TCP一…...

编程日记 2025/9/10 16:55:30

【网络安全 | 渗透测试】GraphQL精讲二：发现API漏洞

未经许可，不得转载。推荐阅读：【网络安全 | 渗透测试】GraphQL精讲一：基础知识文章目录 GraphQL API 漏洞寻找 GraphQL 端点通用查询常见的端点名称请求方法初步测试利用未清理的参数发现模式信息使用 introspection探测 introspection运行完整的 introspection 查询可视化…...

编程日记 2025/9/8 15:02:28

代码随想录Day23 | 39.组合总和、40.组合总和II、131.分割回文串

39.组合总和自己写的代码： class Solution { public:vector<int> path;vector<vector<int>> res;int sum0;void backtracking(vector<int>& candidates,int target,int startIndex){if(sum>target) return;if(sumtarget){res.pus…...

编程日记 2025/9/8 0:55:11

MyBatis 新手入门教程：基础操作篇

MyBatis 新手入门教程：基础操作篇适合人群：无 MyBatis 使用经验者 （完整版3.3准时发，此篇为新手入门的基础操作） 一、MyBatis 是什么？ 简单理解： MyBatis 是一个帮你操作数据库的工具&#x…...

编程日记 2025/9/7 3:42:44

zjbdt

嵌入式软件工程师可以通过考取相关职业证书来提升专业能力和职业竞争力。以下是几种含金量较高且广受认可的证书： 1. NIEH 嵌入式技术工程师证书颁发机构：教育部考试中心级别：初级、中级、高级内容：涵盖嵌入式系统的基础理论、开…...

编程日记 2025/9/10 8:19:33

行为型模式 - 中介者模式 (Mediator Pattern)

行为型模式 - 中介者模式 (Mediator Pattern) 中介者模式的核心思想是将对象之间的复杂交互封装到一个中介者对象中，从而降低对象之间的耦合度。 import java.util.ArrayList; import java.util.List;// 抽象中介者类 abstract class TowerMediator {public abstra…...

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

如何使用C#与SQL Server数据库进行交互

一.创建数据库用VS 创建数据库的步骤： 1.打开vs，创建一个新项目，分别在搜素框中选择C#、Windows、桌面，然后选择Windows窗体应用(.NET Framework) 2.打开“视图-服务器资源管理器”，右键单击“数据连接”&#xff0…...

编程日记 2025/9/9 10:55:30

同步类型对比

同步类型对比特性准同步 (Quasi-Synchronization)完全同步 (Complete Synchronization)渐进同步 (Asymptotic Synchronization)定义系统状态在有限时间内接近同步，但存在微小误差。系统状态在有限时间内完全一致。系统状态随时间趋近于同步，但可能需要…...

编程日记 2025/9/11 0:14:05

python爬虫Scapy框架（1）

简介什么是框架？ 所谓的框，其实说白了就是一个【项目的半成品】，该项目的半成品需要被集成了各种功能且具有较强的通用性。 Scrapy是一个为了爬取网站数据，提取结构性数据而编写的应用框架，非常出名，非…...

编程日记 2025/8/30 8:44:28

java容器 LIst、set、Map

Java容器中的List、Set、Map是核心数据结构，各自适用于不同的场景一、List（有序、可重复） List接口代表有序集合，允许元素重复和通过索引访问，主要实现类包括： ArrayList 底层结构：动态数组…...

编程日记 2025/9/2 2:40:29

2W8000字 LLM架构文章阅读指北

❝ 大模型架构专栏已经更新了30多篇文章。完整的专栏内容欢迎订阅： LLM 架构专栏 1、LLM大模型架构专栏|| 从NLP基础谈起 2、 LLM大模型架构专栏|| 自然语言处理（NLP）之建模 3、 LLM大模型架构之词嵌入（Part1） 3、 LLM…...

编程日记 2025/9/8 5:51:45

Milkv-duo256 接入tuya 云并实现远程智能控制

tuyaopen-embedded-core 是将 https://github.com/tuya/tuyaopen 连接 tuya 云相关核心组件重新组织，可快速嵌入至各种嵌入式平台使用。 tuyaopen-embedded-core 可通过 WiFi、有线以太网、CAT-1、4G 等多种方式接入涂鸦云，实现设备远程控制、OTA 等功能…...

编程日记 2025/9/5 22:16:02

Hadoop之02：MR-图解

1、不是所有的MR都适合combine 1.1、map端统计出了不同班级的每个学生的年龄如：(class1, 14)表示class1班的一个学生的年龄是14岁。第一个map任务： class1 14 class1 15 class1 16 class2 10第二个map任务： class1 16 class2 10 class…...

编程日记 2025/9/4 21:02:39

YOLOv8目标检测推理流程及C++代码

这部分主要是使用c++对Onnx模型进行推理，边先贴代码，过段时间再详细补充下代码说明。代码主要分成三部分，1.main_det.cpp推理函数主入口；2.inference_det.h 头文件及inference_det.cpp具体函数实现；3.CMakeList.txt. 1.main_det 推理配置信息全部写在config.txt中，执行…...

编程日记 2025/9/10 0:11:47

【AVRCP】深入解析AVRCP应用层：功能支持与映射

在最近的项目开发中，深入研究了Audio/Video Remote Control Profile（AVRCP）的应用层特性。在蓝牙音频/视频远程控制规范（AVRCP）的架构中，应用层扮演着至关重要的角色，它定义了符合该规范的设备所…...

编程日记 2025/9/11 7:08:06

springboot之HTML与图片生成

背景后台需要根据字段动态生成HTML，并生成图片，发送邮件到给定邮箱依赖  <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-freemarker</artifa…...

编程日记 2025/9/7 16:45:44

Hive-04之存储格式、SerDe、企业级调优

一、主题 hive表的数据压缩和文件存储格式hive的自定义UDF函数hive的JDBC代码操作hive的SerDe介绍和使用hive的优化二、要点 1. hive表的文件存储格式 Hive支持的存储数的格式主要有：TEXTFILE（行式存储） 、SEQUENCEFILE(行式存储)、ORC&…...

编程日记 2025/9/5 19:55:48

链表的概念和结构

文章目录 1. 链表的概念2. 链表的分类3. 单向不带头非循环链表3.1 接口设计（SList.h）3.2 接口实现（SList.c）1）打印和创建结点2）头尾插入删除3）查找和插入4）删除和销毁 3.3 完整代码S…...

编程日记 2025/9/5 3:08:00

使用AI后为什么思考会变得困难？

使用AI后为什么思考会变得困难？ 我总结了四篇近期的研究论文，来展示AI是如何以及为什么侵蚀我们的批判性思维能力。作者使用AI制作的图像前言：作者在这篇文章中，借AI技术的崛起，揭示了一场悄然发生的思想博弈。表面…...

编程日记 2025/9/10 4:37:42

Github 2025-03-02 php开源项目日报Top10

根据Github Trendings的统计，今日(2025-03-02统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10Blade项目1JavaScript项目1Nextcloud服务器：安全的数据之家创建周期：2796 天开发语言：PHP, JavaScript协议类型：GNU Affero Gene…...

编程日记 2025/9/8 20:11:04

智能座舱介绍

目录智能座舱智能座舱的核心技术组成车载信息娱乐系统（IVI）数字仪表盘与HUD（抬头显示）语音交互与AI助手多屏联动与场景化交互生物识别技术智能座舱的发展趋势沉浸式体验情感化与个性化多模态交互融合车联网（V2X）生态扩展应用场景挑战与未来硬件系统软件系统关键技术智能…...

编程日记 2025/9/8 15:10:34

2025年能源工作指导意见

2025年是“十四五”规划收官之年，做好全年能源工作意义重大。为深入贯彻落实党中央、国务院决策部署，以能源高质量发展和高水平安全助力我国经济持续回升向好，满足人民群众日益增长的美好生活用能需求，制定本意见。一、总体要求…...

编程日记 2025/8/31 4:53:38

豪越科技：智慧园区后勤单位消防安全管理，实时告警与整改闭环

在当今数字化、智能化飞速发展的时代，智慧园区已成为现代产业发展的重要载体。而园区后勤单位的消防安全管理，作为保障园区安全运营的关键环节，正面临着前所未有的挑战与机遇。豪越科技凭借其先进的技术和丰富的经验，为智慧园区后…...

编程日记 2025/9/9 6:34:39

zookeeper-docker版

Zookeeper-docker版 1 zookeeper概述 1.1 什么是zookeeper Zookeeper是一个分布式的、高性能的、开源的分布式系统的协调（Coordination）服务，它是一个为分布式应用提供一致性服务的软件。 1.2 zookeeper应用场景 zookeeper是一个经典的分…...

编程日记 2025/9/11 3:57:32

华为手机自助维修的方法

测试环境：华为荣耀 （全文完）...

编程日记 2025/8/16 11:47:44

基于Springboot博物馆文博资源库系统【附源码】

基于Springboot博物馆文博资源库系统效果如下： 系统登陆页面文物信息管理页面流动申请页面文物报修页面个人信息页面文物保修管理页面系统主页面文物类型页面研究背景随着信息技术的飞速发展，博物馆文博资源的管理与利用日益受到重视。传统…...

编程日记 2025/9/3 19:32:51

辛格迪客户案例 | 祐儿医药科技GMP培训管理（TMS）项目

01 项目背景：顺应行业趋势，弥补管理短板随着医药科技行业的快速发展，相关法规和标准不断更新，对企业的质量管理和人员培训提出了更高要求。祐儿医药科技有限公司（以下简称“祐儿医药”）作为一家专注于创新…...

编程日记 2025/9/4 22:49:21

Git 2.48.1 官方安装与配置全流程指南（Windows平台）

一、软件简介 Git 是分布式版本控制系统的标杆工具，由 Linus Torvalds 开发，广泛应用于代码版本管理、团队协作开发等场景。2.48.1 版本优化了文件系统监控性能，并修复了跨平台兼容性问题。二、下载准备 1. 官方下载地址访问 Git 官网…...

编程日记 2025/9/8 21:46:51

MATLAB中asManyOfPattern函数用法

目录语法说明示例匹配尽可能多的模式实例指定要匹配的最小模式数指定要匹配的最小和最大模式数 asManyOfPattern函数的功能是模式匹配次数尽可能多。语法 newpat asManyOfPattern(pat) newpat asManyOfPattern(pat,minPattern) newpat asManyOfPattern(pat,m…...

编程日记 2025/9/3 22:16:58

大模型推理时的尺度扩展定律

大模型推理时的尺度扩展定律 FesianXu at 20250212 at Wechat Search Team 前言大模型的尺度扩展定律告诉我们：『LLM的性能会随着模型的参数量、模型的训练量、模型的训练数据量的增加而增加』。训练存在尺度扩展定律，测试也存在尺度扩展定律&#xff…...

编程日记 2025/9/8 17:08:23

迷你世界脚本世界UI接口：UI

世界UI接口：UI 彼得兔更新时间: 2023-10-25 10:40:44 具体函数名及描述如下: 序号函数名函数描述 1 setGBattleUI(...) 设置战斗总结UI 2 world2RadarPos(...) 世界坐标转换到小地图 3 world2RadarDist(...) 世界长度转换到小地图 4 …...

编程日记 2025/9/9 16:36:16

局域网自动识别机器名和MAC并生成文件的命令

更新版本：添加了MAC 地址确定了设备唯一性 V1.1 局域网自动识别机器名和MAC并生成文件的批处理命令 echo off setlocal enabledelayedexpansionREM 设置输出文件 set outputFilenetwork_info.txtREM 清空或创建输出文件 echo Scanning network from 192.168.20.1…...

编程日记 2025/9/4 19:40:20

一、准备工作

二、nginx介绍

三、安装nginx

四、开始部署

相关文章：