如何使用nginx将Vue项目在Window下部署

- 日理万妓 2022-11-29 13:24 129阅读 0赞

[文章首发观看更佳][Link 1]

官方网站：[https://nginx.org][https_nginx.org]

## 1、下载nginx ##

mainline version：最新稳定版本，生产环境下建议使用的版本。

![format_png][]

![format_png 1][]

下载并解压，解压文件夹不能包含中文。

![format_png 2][]

双击nginx.exe 启动接口，在浏览器中输入 localhost 看到下面内容就说明安装成功了

![format_png 3][]

## 2、使用nginx ##

将我们打包的项目放到 nginx 中。

我们将dist中的文件全部放到 nginx中的html 文件夹中

![format_png 4][]

![format_png 5][]

![format_png 6][]

然后在我们浏览器中输入localhost 就能看到我们部署的项目了。

[Link 1]: https://aqingya.cn/articl/a45e22ff.html
[https_nginx.org]: https://nginx.org
[format_png]: /images/20221124/03cae424a1fe41cfb5efb6af6185d4da.png
[format_png 1]: /images/20221124/d989244f28084aa9a6a3abaa77fc353e.png
[format_png 2]: /images/20221124/49a528b2c6a5436a87cded6cb143a7c8.png
[format_png 3]: /images/20221124/1ce35ce9652d4ca4a50743a2a5e1a5a7.png
[format_png 4]: /images/20221124/7ff0903dbec5498c8fc3bf54e0e96f47.png
[format_png 5]: /images/20221124/d2e1866ccb814067916de841e8ab0d72.png
[format_png 6]: /images/20221124/9a651bdd56ff48a1814ebcc445e8e795.png

发表评论取消回复

表情：

评论列表（有 0 条评论，129人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx 部署vue项目（Windows版）

注：项目在本地正常运行后再打包部署。 1、设置项目的一个访问前缀创建vue.config.js文件，设置前缀路径 ![在这里插入图片描述][b554d076754

小鱼儿/ 2024年04月08日 09:12/ 0 赞/ 73 阅读

相关在Windows中使用Nginx配置部署springboot+vue项目

Nginx 链接：[https://pan.baidu.com/s/1c-9JJ3e63rNNeSRuEFh0Ow?pwd=aamb][https_pan.baidu.c

我会带着你远行/ 2023年09月29日 18:11/ 0 赞/ 15 阅读

相关 vue项目如何部署到nginx服务器

1.[windows下安装nginx请看:Windows下安装Nginx][windows_nginx_Windows_Nginx] 2.[配置完成后，如何设置，nginx开

朱雀/ 2022年12月20日 11:24/ 0 赞/ 272 阅读

相关 windows下nginx的安装和vue项目的部署

1. nginx 的安装与使用 windows系统下 nginx 的安装非常简单，直接在 [nginx 官网][nginx]下载 windows 版本的 nginx ，解

素颜马尾好姑娘i/ 2022年12月08日 05:18/ 0 赞/ 231 阅读

相关如何使用nginx将Vue项目在Window下部署

[文章首发观看更佳][Link 1] 官方网站：[https://nginx.org][https_nginx.org] 1、下载nginx ma

- 日理万妓/ 2022年11月29日 13:24/ 0 赞/ 130 阅读

相关 nginx项目部署vue项目

一、nginx配置 server { listen 8085; server_name local

傷城~/ 2022年11月06日 10:54/ 0 赞/ 38 阅读

相关 windows使用nginx部署vue项目

1、下载npm 官网：https://nodejs.org/en/download/ 双击文件夹中的【node-v12.16.1-x64.msi】，按默认安装即可

妖狐艹你老母/ 2022年09月16日 11:30/ 0 赞/ 626 阅读

相关使用Docker+Jenkins+Pipeline将Vue项目部署到Nginx服务器

安装Docke 不知道怎么安装Docker可以看我之前的博文：[使用Jenkins+Pipeline+Docker将Spring Boot应用部署到Tomcat][Jen

Dear 丶/ 2022年03月06日 04:16/ 0 赞/ 663 阅读

相关如何将Vue项目部署到Nginx 服务器中

部署步骤： 1、先将Vue项目打包，在Vue项目的根目录执行如下命令 npm run build:prod 打包完成以后就会在项目根目录生成一个dist的文

秒速五厘米/ 2022年01月20日 04:09/ 0 赞/ 669 阅读

相关 Nginx部署vue项目

nginx.conf配置文件单个vue项目配置 user nobody; worker_processes

ゝ一纸荒年。/ 2021年11月05日 13:36/ 0 赞/ 416 阅读