vue+node+express 部署到服务器

本文记录了一位自学开发者在部署Vue+Node+Express应用时遇到的困扰及解决方案。通过前后端分离部署,将Vue打包的静态文件与Express服务结合,利用Nginx设置反向代理。误以为Webpack打包后端代码,实际是理解错误。最终通过使用Express生成器解决了问题,实现了成功部署。

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

参考博客,觉得我废话太多,一定要看,写的简洁明了

前言

这个问题可能对有些人来说不是事,而且网上有很多关于部署的博客,但是对于那种状态下的我都毫无帮助,直到今天,这个困扰我一个月零十天的问题,解决了。。。 所以,我必须写这篇博客,来帮助那些极少数和我相似问题的人!

像我们这些自学派,基本上就是看文档,看视频,而且看视频的时候,难免一些新的东西了解不够透彻,只是跟着视频作者的代码风格进行使用,但是当我们遇到问题的时候(其实真正的问题只是你落入了别人的代码风格中),以致于网上各种方法都不能满足你,你就要跳出去重新认识你之前所使用的东西,问题就会得到解决。这个重新发现的时间可能短到连三天,也可能像我一样,困扰一个月,只要静下心来,问题就会被慢慢降解。

部署

具体操作
服务器配置node、pm2 以及nginx环境部分,有的是优秀的博客,我就不再赘述,
我主要把我的问题以及如何解决的和大家分享。

  • 前后端分离部署,把npm build打包的静态文件放到服务器,然后作为你域名的根目录,用niginx设置
  • 然后把express的项目放到服务器,可
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值