nginx部署前端

本文介绍了在Windows 10操作系统上,如何使用nginx部署Vue前端项目的详细步骤。首先,从官方地址下载并启动nginx服务。接着,编译Vue项目,通过修改配置文件使静态文件生成在pdf目录中。然后,将编译后的静态文件移动到nginx的html目录,并配置nginx.conf以指向pdf目录。最后,重新加载配置并访问http://localhost/pdf/以确认部署成功。

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

部署环境:win10

第一步:nginx下载

下载地址http://nginx.org/en/download.html

nginx文件目录

点击nginx.exe启动程序开启nginx,默认端口为80

成功访问:http://localhost/

第二步:编译前端项目

前端采用vue框架进行开发,将项目编译成静态文件【html、css、js】

vue项目目录结构

修改位置1:config/index.js

vue默认打包生成的静态文件存放在dist目录中,修改配置将dist目录重命名

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值