前端vue项目打包的dist,替换服务器的dist文件时,有一个注意的小细节

🚀 欢迎来到我的云服务器部署实战之旅!💻

大家好!我是一个正在探索云原生部署的开发者 👨‍💻,最近终于踏出了重要一步------租用了阿里云Linux服务器☁️!这不仅是一个技术尝试,更是一次自我挑战的开始!

🌟 为什么要做这件事?

  • 🔥 实战练兵:纸上得来终觉浅,绝知此事要躬行

  • 🎯 技能升级:从开发到部署,打通全链路能力

  • 💪 问题解决:遇到问题→分析问题→解决问题,这才是成长

  • 🚀 玩转云端:真正把项目"跑起来",让代码产生价值

📚 本系列文章将涵盖:

🔧 技术栈聚焦

  • 🖥️ Java后端项目的云端部署实战

  • 🎨 Vue前端项目的服务器配置与优化

  • 🐧 Linux服务器的常用操作与维护技巧

  • 🔗 Nginx反向代理的配置与应用

🎯 你会学到什么?

text

复制代码
✅ 云服务器选购与基础配置
✅ 环境搭建(JDK、Node.js、MySQL...)
✅ 项目打包与自动化部署
✅ 域名解析与HTTPS配置
✅ 服务器监控与性能优化
✅ 常见问题排查与解决方案

💡 我的部署哲学:

"不只是在部署,更是在构建可维护、可扩展的云上家园" 🏠

我相信每个开发者都应该:

  • 🛠️ 动手实践,不做"纸上谈兵"的专家

  • 🔍 深入理解,不只是会敲命令

  • 📈 持续优化,从能跑到跑得好

  • 🤝 分享交流,在社区中共同成长

🌈 我们一起将会:

  1. 从零开始搭建云服务器环境 ⚙️

  2. 踩坑填坑记录每个真实问题 🕳️➡️🛠️

  3. 优化迭代让部署越来越优雅 ✨

  4. 总结经验形成可复用的部署方案 📝

🎁 特别适合:

  • 👶 部署新手:想学但不知从何入手

  • 🎓 在校学生:需要项目部署经验

  • 💼 在职开发:想提升全栈能力

  • 🚀 技术爱好者:对云原生感兴趣

🤝 邀请你一起:

💬 评论区互动 :分享你的部署经验或困惑

收藏关注 :不错过每次实战更新

🔗 实践反馈 :跟着教程一起动手操作

🙋 提问交流:遇到问题我们一起解决

🏁 最终目标:

不止是"部署成功",更是要"玩明白"、"玩透彻"!

让我们开始这段充满挑战与收获的云端之旅吧!🚀


📢 下篇预告 :《阿里云ECS选购指南:新手避坑全攻略》
🎯 关键词:#云服务器 #Java部署 #Vue项目 #Linux #实战教程

✨ 记住:每个成功部署的项目,都是技术能力的勋章! 🏆

👉 准备好了吗?让我们一起按下部署的"启动键"! 🔘

目录

一、问题所在

二、回顾一下上传方式

三、根据以上猜测,换种方式,重新上传

1、先删掉linux服务器上面旧的dist文件夹

2、再上传本地新打包好的dist文件夹

3、查看效果

结论


一、问题所在

我们在本地的前端vue项目中,新建了一个文件夹,用来放一个mp4视频。

然后执行npm run build 打dist文件夹。

然后再将该dist文件夹去替换linux服务器上的那个dist文件夹。

此时问题来了:除了这个mp4视频上传失败,dist文件夹的其他所有文件都能成功上传

这究竟是为啥,百思不得其解。

二、回顾一下上传方式

可能就是因为这个原因,我们毕竟在本地前端项目,新建了一个mp4文件夹,导致dist文件夹里面的具体子文件夹数量发生了变化,在覆盖的时候就发生了错误,导致mp4上传失败。

三、根据以上猜测,换种方式,重新上传

1、先删掉linux服务器上面旧的dist文件夹

2、再上传本地新打包好的dist文件夹

3、查看效果

可见此时这个mp4文件终于上传成功了。

结论

如果以后本地的vue前端项目中,新建了文件夹的话,那么等本地项目打包好并生成dist文件夹后,我们不要选择直接覆盖linux服务器上的dist文件夹,而是要:

①先删除linux服务器上旧的dist文件夹

②再上传本地打包好的最新的dist文件夹

相关推荐
红烧咸咸鱼2 年前
vue2 npm run build报错 These dependencies were not found:
前端·npm·node.js·npm run build·npm打包报错·dependencies