目录
[1.执行npm run build命令,构建项目](#1.执行npm run build命令,构建项目)
2.将生成的最新版的dist目录,上传到linux服务器(替换linux上的原来的dist即可)
一.场景
目前我们已经将前端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)
以上就是本篇文章的全部内容,希望可以帮到你。
喜欢本篇文章的话,可以留个免费的关注呦~~~