前端项目代码发生改变,如何重新部署到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)

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

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

相关推荐
紫禁玄科6 小时前
Shai-Hulud:npm生态的自我复制蠕虫风暴
前端·npm·node.js
东风破_6 小时前
后端API没写好,前端难道干等着吗?
前端
用户938515635076 小时前
从前后端分离到前端接口工程:React + MockJS + Vite 解析
前端·后端·全栈
用户938515635076 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 全链路实战(三)
前端·react.js·typescript
excel6 小时前
当前端行情变差,我们为什么还要坚持?
前端
鸿是江边鸟,曾是心上人7 小时前
快速搭建HTTPS本地开发环境
前端
To_OC8 小时前
写了 5 个表单 Demo 后,我终于彻底搞懂了 React 受控与非受控组件
前端·react.js·前端框架
Sterting8 小时前
第9课 Vue Router 路由
前端·vue.js
用户059540174468 小时前
LangChain Memory 测试踩坑实录:用 pytest 自动化回归对话记忆,我折腾了整整一个周末
前端·css
kyriewen8 小时前
Claude Code后天起默认Auto模式了——我第一时间改了这6个设置
前端·ai编程·claude