前端项目代码发生改变,如何重新部署到linux服务器?

目录

一.场景

二.修改前端请求的基础链接

三.重新构建项目

[1.执行npm run build命令,构建项目](#1.执行npm run build命令,构建项目)

2.将生成的最新版的dist目录,上传到linux服务器(替换linux上的原来的dist即可)

3.重新加载linux服务器上的nginx服务

四.效果检验

总结


一.场景

目前我们已经将前端vue3项目、后端springboot项目都部署到linux服务器上了。

但是前端项目的请求路径还是localhost,我们要将这个改成现在linux服务器的后端服务。

二.修改前端请求的基础链接

除了要修改这个基础链接的ip,可能其他地方还有带localhost的请求,我们直接全局搜索,将其改成现在的linux服务器的ip地址即可。

三.重新构建项目

1.执行npm run build命令,构建项目

2.将生成的最新版的dist目录,上传到linux服务器(替换linux上的原来的dist即可)

3.重新加载linux服务器上的nginx服务

bash 复制代码
sudo systemctl reload nginx

四.效果检验

总结

本篇文章,讲解了当前端代码修改后,如何更新到linux服务器上(前提是已经将前端项目部署到了linux服务器)。

大致流程就三步:

①重新构建vue3项目(npm run build),生成dist文件夹

②将生成的dist文件夹,上传到linux服务器(替换旧dist文件夹即可)

③重新启动nginx服务(sudo systemctl reload nginx)

以上就是本篇文章的全部内容,希望可以帮到你。

喜欢本篇文章的话,可以留个免费的关注呦~~~

相关推荐
ℋᙚᵐⁱᒻᵉ鲸落4 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙5 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow6 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上6 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
星栈7 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香7 小时前
简单的图片上传 删除 预览
前端
ITresearchGuest7 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士8 小时前
Vite项目中使用Less步骤,详细使用示例
前端·css
花间相见8 小时前
【LangChain组件03】—— LangChain Agents 执行与状态:工作流程与状态管理实战
java·前端·langchain
kyriewen9 小时前
面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码,只看我会不会拆
前端·javascript·面试