windows本地启动nginx，部署vue项目

已于 2022-11-24 09:19:50 修改
阅读量1.8k 收藏 5
点赞数 1
文章标签： nginx vue.js 运维
于 2022-11-17 10:35:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshine__Girl/article/details/127898350
版权

1、去nginx官网，下载windows版本的nginx
2、找到一个位置存放解压后的文件夹

在这里插入图片描述
3、cmd进入当前 nginx文件夹，输入start nginx
4、在浏览器输入http://localhost/，访问，出现这个就代表nginx启动成功了在这里插入图片描述
5、把项目打包，找到dist文件夹
6、打开文件 nginx\conf\nginx.conf，进行nginx配置
![在这里插入图片描述](https://img-blog.csdnimg.cn/2c29313

6、cmd进入当前 nginx文件夹，输入nginx -s reload，重启nginx

江湖儿女快意恩仇
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jenkins部署vue前端
10-18
- 将Vue项目存入版本控制系统：如Git，创建一个远程仓库，将本地项目推送到远程仓库。 - 在Jenkins中配置Git源：在Jenkins中添加Git源代码管理，填写仓库URL、分支信息。 4. **配置Jenkins构建步骤** - 构建Vue...
Windows环境， nginx 部署 vue
GY的的专栏
06-01 2067
首先需要在 Windows 系统上安装 Nginx，可以从官网下载 Windows 版本的 Nginx，下载地址为：http://nginx.org/en/download.html。注意：如果启动 Nginx 后访问出现 403 错误，需要给 Nginx 的安装目录和 Vue.js 应用的打包后的静态文件所在目录添加读取权限。其中，`C:/path/to/vue/app/dist` 是 Vue.js 应用的打包后的静态文件所在目录。下载完成后，解压缩到任意目录，例如：C:\nginx。
Windows系统使用Nginx部署Vue
2301_78834737的博客
07-12 2427
Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。,出现以下界面说明启动成功(由于笔者电脑80端口被占用，所以更改为8080，nginx默认为80端口)。工具，将Nginx转换为Windows服务，Windows系统重启后会自动启动Nginx服务。​ 配置文件如下：主要包含日志位置、启动和关闭，目录根据自己安装位置调整（不要有中文）。用cmd命令窗口，cd 到nginx解压目录，，根据系统版本下载对应工具。
【nginx简单使用】
最新发布
niangaozhandiantang的博客
06-20 107
nginx简单使用
本地是如何开启Nginx服务的？
qq_24518001的博客
05-26 3202
这个默认把 nginx 安装在 mac 全局环境中(如果需要在 docker 安装 nginx，可以参考其他方法)配置文件位置：nginx-1.22.0/conf/nginx.conf 默认80，以防端口被重用，改为8056。使用 ruby 安装 homebrew(已经安装的可以跳过)nginx 其他命令(关闭重启)，把 start 替换即可。安装好了,就可以启动nginx了, 终端输入。具体的配置文件如下，我们可以复制一份。双击nginx.exe启动。拷贝cesium示例至。nginx默认安装到。
Windows系统下如何使用nginx部署vue2项目
m0_37873510的博客
09-24 7754
windows系统下使用nginx部署vue项目
Windows 使用 Nginx 部署 vue 项目
Wxin0721的博客
05-07 5768
1.安装Nginx Windows 安装 Nginx 2.将打包好的vue项目，也就是 dist 文件夹内的内容 粘贴到 nginx 文件夹下的 html 文件夹内 3.修改 nginx conf 文件夹 中的 nginx.conf 将 root 修改为 html 的路径 4.启动访问即可 5.解决路由中使用 history 导致 404 的问题，将以下代码放到 location 中 index 下面即可 #解决404 try_files $uri $uri/ /i...
nginx免安装版（包含nginx服务启动和停止bat）
11-18
本资源提供的“nginx免安装版”是经过预配置和优化的版本，无需复杂的安装过程，可直接在Windows环境下部署并运行，特别适合开发者在本地进行项目测试和调试。 1. **Nginx服务启动与停止** 包含的bat程序允许用户...
Linux系统快速部署前后端分离项目(Vue&Java)
03-23
1. 在本地构建Vue项目，确保打包出可供部署的静态文件（通常位于`dist`目录）。 2. 使用Xftp将`dist`目录中的所有文件上传到服务器的适当位置，例如`/var/www/html`或自定义的Web根目录。 3. 配置Nginx以代理前端...
云主机部署项目所需环境.zip
04-28
至此，我们大致了解了如何在云主机上部署Vue项目所需环境。每个环节都可能涉及到更多细节和最佳实践，具体实施时应结合项目实际情况进行调整。记住，良好的文档记录和自动化部署流程能显著提高效率，降低维护成本。
Vue自动构建发布脚本的方法示例
11-20
在这个示例中，当连接建立成功后，会执行一些预部署的清理和准备操作，如删除旧的`dist`目录，然后重新启动Nginx服务。接着，`scp2`被用来将`./dist`目录中的内容上传到服务器指定的路径。同时，整个过程会被`ora`的...
在 Windows系统中安装、卸载Nginx，及部署Vue项目在Nginx中
m0_50298323的博客
04-06 3965
在 Windows系统中安装、卸载Nginx，及部署Vue项目在Nginx中
本地开发nginx代理服务器（2024-04-10）
hap1994的博客
04-09 1464
这是 Nginx 服务器作为 WEB 服务器的主要功能之一，客户端向服务器发送请求时，会首先经过 Nginx 服务器，由服务器将请求分发到相应的 WEB 服务器。正向代理是代理客户端，而反向代理则是代理服务器，Nginx 在提供反向代理服务方面，通过使用正则表达式进行相关配置，采取不同的转发策略，配置相当灵活，而且在配置后端转发请求时，完全不用关心网络环境如何，可以指定任意的IP地址和端口号，或其他类型的连接、请求等。在性能上，Nginx占用很少的系统资源，能支持更多的并发连接，达到更高的访问效率；
本地部署+nginx 实现vue本地访问打包后的项目
qq_45163801的博客
08-21 755
有时候怕影响线上，可以自行在本地部署后再放线上
windows环境下，nginx部署vue工程
GY的的专栏
05-30 1879
在 Windows 环境下安装 Nginx，可以从官网下载 Windows 版本的 Nginx，下载地址为：http://nginx.org/en/download.html。其中，`root` 指定了 Vue 项目的打包文件所在的目录，`try_files` 指定了当访问的文件不存在时，返回 `index.html` 文件。这样，在访问 Vue 项目时，需要在 URL 中加上 `vue-project`，例如：`http://localhost/vue-project`。1. 安装 Nginx。
Nginx 部署vue项目 （Windows版）
weixin_49107940的博客
08-16 2813
项目在本地正常运行后再打包部署。
Windows使用Nginx部署Vue项目，动静分离配置
weixin_44315761的博客
04-28 4736
1.打包Vue项目 npm run build 打包完成后会得到一个【dist】静态资源 2.下载nginx压缩包 nginx下载 我这里下载的是windows稳定版 解压点击nginx.exe启动，访问localhost出现下面提示，说明启动成功 3.部署vue到nginx 把打包vue生成的dist文件夹复制到nginx的html目录下 进入conf目录，打开nginx.conf文件，置nginx跳转路径，将路径修改成我们项目的访问路径 测试访问成功 ...
nginx启动、配置、测试（全网最全）
热门推荐
weixin_62870380的博客
04-14 1万+
nginx的安装，配置虚拟主机，基于不同IP，端口，域名进行访问，以及启动。在centos和unbuntu都可用，亲测。
关于windows下安装nginx部署vue项目讲解
longd123的博客
04-24 7156
先打包好自己的前端程序 2.自写脚本，双击桌面脚本启动后端，注意地址别写错 @echo off rem Windows rem 脚本相关： rem 1、指定本地环境变量（保持编译运行脚本一致） rem 2、找到jar包所在位置，启动命令 rem java -jar test.jar （关闭命令窗口，则进程关闭） rem javaw -jar test.jar （关闭命令窗口，进程不关闭，需要在任务管理器中关闭） rem create_date: 2022-04-22 mode con col
windows12 服务器 nginx部署vue 项目
05-19
首先，你需要在 Windows 12 服务器上安装 Nginx。你可以从官方网站上下载 Nginx 的 Windows 版本，并按照官方文档的指引进行安装。 接下来，你需要将 Vue 项目打包成静态文件。在 Vue 项目的根目录下运行以下命令： ``` npm run build ``` 这将会在 `dist` 目录下生成静态文件。 接着，将静态文件放置到 Nginx 的 HTML 根目录中。默认情况下，Nginx 的 HTML 根目录是 `C:\nginx\html`。你可以将打包好的静态文件复制到该目录下。 最后，修改 Nginx 的配置文件，将请求重定向到静态文件。在 Nginx 的配置文件中添加以下内容： ``` server { listen 80; server_name localhost; location / { root html; index index.html; try_files $uri $uri/ /index.html; } } ``` 保存配置文件并重启 Nginx 服务，你就可以通过浏览器访问 Vue 项目了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值