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

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

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

相关推荐
帆张芳显几秒前
智表zcell产品V3.5 版发布,新增行列选中操作等功能
前端·javascript·excel·插件·canva可画
程序员小寒3 分钟前
前端性能优化之首屏时间采集篇
前端·性能优化
GGGG寄了4 分钟前
HTML——div和span标签和字符实体
前端·html
这儿有一堆花13 分钟前
网页开发的基石:深入解析 HTML 与 PHP 的本质差异
前端·html·php
RFCEO15 分钟前
网页编程 课程三、:HTML 核心规范(语义化+易维护)详解课程
前端·html·语义化·html核心规范·易维护·前端基础课
苦藤新鸡39 分钟前
27.合并有序链表,串葫芦
前端·javascript·链表
_OP_CHEN41 分钟前
【前端开发之HTML】(四)HTML 标签进阶:表格、表单、布局全掌握,从新手到实战高手!
前端·javascript·css·html·html5·网页开发·html标签
Alair‎1 小时前
前端开发之环境配置
前端·react.js
Deca~1 小时前
VueVirtualLazyTree-支持懒加载的虚拟树
前端·javascript·vue.js
爱上妖精的尾巴1 小时前
7-11 WPS JS宏 对象的属性值为函数的写法与用法
前端·javascript·wps·js宏·jsa