记一次Vue项目发布(Nginx)

本文记录了一次Vue项目独立于后端Java应用进行部署的过程,包括使用Nginx作为静态资源服务器的配置步骤。在遇到错误和问题后,最终成功将Vue的dist文件部署到Nginx,并解决了403权限问题,实现了Vue项目的正常显示。过程中涉及到端口转发和Nginx配置文件的调整。

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

     往常Vue的部署,都通过打包成 dist 后,放到java项目中,一起打成 jar 包,然后运行Java项目进行部署。之前使用tomcat,把html文件放到tomcat的www的路径中, 

    此次,因为做了的公司官网,开始不打算与后端进行交互,难道还用npm run dev一样运行。之前部署 nodejs项目用的pm2,这次没想到。网上搜了搜,很多都用的Nginx,好久之前,看到了Welcome界面,就没然后了。根据博客,在Linux中安装依赖工具,下载源文件,make几次都失败了,修改Makefile,多次都失败,修改user.c,一顿操作后,make没有报错了,启动,打开浏览器,又看到了welcome,把打包的 dist,放到 Nginx中,修改配置文件,重启 nginx,403。没配置好,看看别人配置的路径,www/dist。重启服务,久违的首页出现了。开始还要配置端口转发,因为开发时用的8080,配置了一个转发的池。一想我这不是没启动Vue吗,真的傻。

                总之,会搞了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值