Windows服务器上用NGINX部署vue项目

最新推荐文章于 2025-07-01 15:31:34 发布

原创

最新推荐文章于 2025-07-01 15:31:34 发布 · 2.6w 阅读

61 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #vue #启动

本文介绍了如何在Windows服务器上使用NGINX部署Vue 2.0项目，包括Vue项目的打包、后端Spring Boot jar包的生成、NGINX配置以及启动和访问测试的详细步骤。在部署过程中需注意防止路径中的' '导致的启动报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：项目前端vue 2.0 + elementUI，后端spring boot 2.0.3，服务器是Windows 8。此处默认数据库已经安装到位。

1、服务器上安装NGINX，参考https://blog.youkuaiyun.com/yangfengjueqi/article/details/87973698

2、后端项目生成可执行jar包，参考https://blog.youkuaiyun.com/yangfengjueqi/article/details/79076350

3、前端项目打包，进入本地代码所在目录，执行命令“npm run build”，如下

F:\work\custom\custom-declaration-vue>npm run build

> custom-declaration-vue@1.2.2 build F:\work\custom\custom-declaration-vue
> gulp

[14:42:42] Using gulpfile F:\work\custom\custom-declaration-vue\gulpfile.js
[14:42:42] Starting 'clean'...
[14:42:42] Finished 'clean' after 9.41 ms
[14:42:42] Starting 'default'...
[14:42:42] Starting 'build'...
[14:42:42] Finished 'default' after 20 ms
Hash: e5d81ef32202e815211a
Version: webpack 3.6.0
Time: 30118ms