前后端分离项目部署到云服务器(小白，入门）

最新推荐文章于 2024-08-30 14:48:23 发布
最新推荐文章于 2024-08-30 14:48:23 发布
阅读量2.9k 收藏 22
点赞数 2
分类专栏： ACM学习 文章标签： tomcat mysql windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44946697/article/details/120628345
版权

流程图

在这里插入图片描述

服务器购买和连接

参照这个blog

我买的是腾讯云的轻量级服务器Windows版
在这里插入图片描述

服务器的配置

主要是要安装jdk,tomcat,mysql，nginx和比较烦的系统环境配置了
jdk安装和环境变量配置
tomcat安装和环境变量配置
mysql安装和环境配置
nginx的安装中文文档
在这里插入图片描述
nginx的配置可以参照
这个是我云端服务器的这软件的安装位置
在这里插入图片描述

项目的准备

项目打包
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
war的位置
在这里插入图片描述

复制项目的war包到服务器的tomcat下的webapps目录下
在这里插入图片描述

项目的启动

可以参照这个链接
后台启动项目三步走
win+r
cmd
startup
在这里插入图片描述

前端启动2步走
进入nginx目录
点击nginx.exe
在这里插入图片描述

注

1、后台打包时注意startdoc的依赖冲突
2、nginx启动时注意解压包解压时是否完全，若未找到相应目录，创建相应目录即可，或者换一个解压软件
3、一定要记得开防火墙的端口
4、代码在云服务器上跑，注意代码中用到的文件路径在云服务器中是否存在，不存在则换
5、若项目有上传文件的功能，注意在nginx的config中配置文件大小的限制

@干就完了
关注
专栏目录
ssm+vue+MySQL+tomcat前后端分离项目部署至腾讯云服务器
KK001_Han的博客
09-16 1682
第一次在Linux云服务器上部署前后端分离项目，查阅了许多网上的教程和文章，踩了许许多多的坑。最终成功在腾讯云的轻量应用服务器上部署了自己的前后端分离项目，记录一下前后端部署的过程，供学习的小伙伴参考。
Vue2+Node.js前后端分离项目部署到云服务器
SongD1114的博客
04-15 5607
Vue2+Node.js前后端分离项目部署到云服务器
前后端分离项目发布至云服务器--云服务器购买、Vue前端搭建至Nginx、SpringBoot后台部署
Zhaof_Notes
12-08 633
记录第一次将自己开发的前后端分离项目，Vue+SpringBoot发布至云服务器，并通过外网可正常访问
服务器部署前后端分离项目vue+springboot
最新发布
Zwwxd666的博客
08-30 1696
服务器先安装宝塔安装后输入bt 14查看内网链接打开宝塔页面。
前后端分离项目服务器部署
qq_45726327的博客
03-03 1509
本文介绍了前后端分离项目在服务器上的部署流程，包括环境准备、项目部署、配置和测试等步骤。
把前后端项目部署到服务器
yzs2022的博客
12-22 713
Linux服务器部署
前端后端项目部署到云服务器
qq_66963733的博客
01-04 2717
PS：项目前后端都使用docker进行部署，未学习过的可以去过一遍再来借鉴，也可直接借鉴进行前端项目打包之前需要把前端项目中api后端接口地址更改为实际的云服务器后端接口地址：如：云服务器公网ip: 10.1.189.1 后端服务端口为8080 所以后端服务的地址就是公网ip加上端口号http://10.1.189.1:8080 --表示后端服务，不要还是写成localhost:8080的本地环境另外前端项目其他api接口或者配置中需要对接后端服务地址的都需要改成实际云服务器的ip+服务端口号打包命令：
SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署
2301_82243078的博客
04-13 3518
最全的Linux教程，Linux从入门到精通。
flask+react前后端分离开发 小白入门
weixin_40866459的博客
11-03 1309
flask + react 环境搭建 IDE：Pycharm 前端框架：React-Antd 后端框架：Flask 参考教程：https://blog.csdn.net/greatxiang888/category_9550985.html 在Pycharm中新建项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Kt1W1jzM-1604402119998)(/Users/weiyizhi/Library/Application Support/typora-user-im
.NET前后分离解决方案
MASAteam的博客
11-12 3708
1. .NET前后分离解决方案 前言：一篇介绍.net前后分离解决方案的文章 业界的共识一直都是前后端分离开发，就算是不懂技术的小白，最先理解的也是这样，但分离的同时就要考虑部署的问题。以及前后端工程师开发流程中的相互牵制问题，毕竟这些问题都会使得整体开发效率降低。而使用.NET进行客户端 Web 开发,就可以在服务器和客户端之间共享应用逻辑。算是一个很好的解决方案，但是具体一个框架怎么就成为了前后分离解决方案的呢？让我们展开来说： 1.1. 什么是Blazor？ 说解决方案之前，要先说一个东西，Blazo
小白入门｜从Docker到Kubernetes
j简说Linux的博客
11-19 400
Docker 是一个开源的应用容器引擎，是一种资源虚拟化技术，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的 Linux 机器上。虚拟化技术演历路径可分为三个时代：1. 物理机时代，多个应用程序可能跑在一台物理机器上2. 虚拟机时代，一台物理机器启动多个虚拟机实例，一个虚拟机跑多个应用程序3. 容器化时代，一台物理机上启动多个容器实例，一个容器跑多个应用程序在没有 Docker 的时代，我们会使用硬件虚拟化（虚拟机）以提供隔离。
前后端分离项目部署在远程服务器
2301_76796512的博客
06-28 281
在对应站点的目录下 dist 文件夹下新建一个 .htaccess 文件注意前面有个点 在其中添加以下代码。为了防止打包上线引入文件的路径出错, 在vue.config.js文件配置publicPath。进入官网 http://nginx.org/en/download.html 下载稳定版。把静态文件打包为.zip，上传到Linux服务器，保存到XAMPP的htdocs下。index.html 引入的.js/css 等资源的路径改为相对地址。找到XAMPP中服务器的启动脚本，运行其中的服务器。
我终于把前后端项目部署到服务器了
车联网开发的博客
07-25 1887
【题记】明天是我家小茉三周岁生日，写此博文祝她开心快乐每一天！！！
如何将前后分离的项目部署到云服务器
qq_51985869的博客
03-12 1701
云服务器操作系统分为Windows和Linux类，Linux系统相对于win占用更少系统资源，一般选用Linux阿里云Linux镜像可选Aliyun Linux、CentOS、Ubuntu、Debian、SUSE Linux、OpenSUSE、CoreOS和FreeBSD。Aliyun Linux是阿里云原生Linux操作系统，针对ECS做了大量深度优化，完全兼容CentOS生态和操作方式；Ubuntu基于Debian，新手更容易上手，时长占有率也高。综上，阿里云ECS云服务器Linux镜像。
前后端分离：前端vue项目部署到服务器
~牧马~
02-25 7831
笔者总结：最先自己买了centOS腾讯云服务器，按照官方文档操作，半天没有进入到服务器终端（最可气的，进入了，无法输入命令，界面提示：失败），最后借助xshell连接的服务器并操作，xshell如何连接服务器呢？点击这里成功连接到服务器后，开始添加用户、设置权限、部署nginx、添加dist文件，添加dist文件借助的是xftp软件，点击这里， ......
前后端项目手动部署至服务器
Jeniclala的博客
11-27 4911
1. 在服务器上配置环境 需要安装JDK、Mysql、Nginx 可以手动安装以上环境，也可以先安装docker后再拉镜像安装以上环境 2.安装完mysql后，在navicat中连接远程数据库 若连接失败，若是使用docker安装的，则排查方式：查看docker中mysql容器运行情况 3.更改nginx安装目录下的conf文件夹下的nginx.conf配置文件 第一行，将user设置为root 配置代理路径 使nginx配置文件生效 /usr/local/nginx/sbin/nginx -s rel
SpringBoot + Vue 前后端分离项目部署到服务器上
林夕
10-14 868
然后SpringBoot项目 会生成一个 nohup.out 文件 就意味着后台启动成功了！安装宝塔面板，因为我尝试过用自己的服务器搭建项目，但是最终因为种种原因导致最终项目部署成功了，但是页面非常卡顿。8：将前端Vue 项目 使用：npm run build 指令 打包 ，打包完成后，会有一个dist 文件。3：记录返回结果中的 “面板地址”、“username” 和 “password” 的参数值。4：在本地计算机中，打开浏览器，输入记录的“面板地址”参数值，访问进入宝塔面板页面。
前后端分离项目部署到服务器
qq_45756124的博客
10-29 750
将vue3项目部署到apache服务器： 设置路径：在vue项目根路径下新建文件vue.config.js 文件名必须完全相同。内容： module.exports = { assetsDir: 'static', parallel: false, publicPath: './', } 配置vue-router: 由history模式变为hash模式，显示的路径多加了个’#‘ 3.修改baseurl (路由路径)，如果自动配置了生产环境和开发环境切换则跳过此步. ..
打包前后端项目并部署至服务器
qq_44726330的博客
01-12 9418
打包前后端项目并部署至服务器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值