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

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

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

相关推荐
浩星5 分钟前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
ZC跨境爬虫24 分钟前
Scrapy工作空间搭建与目录结构解析:从初始化到基础配置全流程
前端·爬虫·python·scrapy·自动化
小村儿27 分钟前
连载04-最重要的Skill---一起吃透 Claude Code,告别 AI coding 迷茫
前端·后端·ai编程
_院长大人_1 小时前
Vue + ECharts 实现价格趋势分析图
前端·vue.js·echarts
IT_陈寒1 小时前
Vite的alias配置把我整不会了,原来是这个坑
前端·人工智能·后端
万物得其道者成2 小时前
Cursor 提效实战:我的前端 Prompt、审查 SKILL、MCP 接入完整方法
前端·prompt
酒鼎2 小时前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Bigger2 小时前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
竹林8182 小时前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript
oi..2 小时前
《Web 安全入门|XSS 漏洞原理、CSP 策略与 HttpOnly 防护实践》
前端·网络·测试工具·安全·web安全·xss