vue项目打包后部署到nginx

本文详细介绍如何在本地使用npm构建前端项目,将其压缩并上传至Linux服务器,通过解压和配置nginx实现项目上线。特别关注了启动用户与nginx工作用户一致性问题,避免403 forbidden错误。

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

首先,在ws的命令行,输入:npm run build

然后进入项目的根目录,将打包后的文件压缩成zip,以备上传到linux

然后,在系统根目录新建目录:mkdir go_project/front

进入 此目录 cd go_project/front

上传刚刚打包的文件 rz......(弹出窗选择)

上传完成后,执行解压命令:unzip  dist.zip

然后配置nginx

注意

nginx重启后,页面一直报 403 forbidden 。。。百思不得其解,后来查百度,找到原因

启动用户和nginx的工作用户不一致所致

查看nginx的启动用户,发现是nobody,而我是用root启动的
ps aux | grep "nginx: worker process" | awk '{print $1}'

输入以上命令,出现  nobody  root

然后修改nginx的conf,vim nginx.conf,修改如下

重启nginx,完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值