Linux环境下前后端分离项目部署与Docker部署全解析
创始人
2025-01-08 05:02:43
0

linux前后端项目分离部署

在Linux环境下,可以通过以下步骤完成前后端项目部署:

前端部署

1.1使用Vue开发的前端项目首先通过VSCode进行打包。
在项目的config目录中,配置后端服务器的IP和端口,运行npmrunbuild创建dist文件夹,然后将该文件夹上传到Linux服务器并确保其路径与您的Nginx配置匹配。

1.2安装和配置Nginx:下载并解压Nginx包,然后编辑nginx.config文件并确保代理设置正确(例如`http://192.168.20.188:9999)。
/api/getName`成为`http://127.0.0.1:10020/gz-master/getName`的代理。
启动Nginx,检查其运行状态并使用相关命令,如“./nginx-sstop”、“./nginx-sreload”等。

后端部署

2.1部署JAR包:将JAR包保存在Linux服务器的/data/project目录下并创建日志文件,然后启动程序并通过多种方式查看日志。
您可以使用“jps-l”查看进程并使用“kill-9进程ID”停止程序。

2.2部署WAR包:首先下载并解压ApacheTomcat,然后将WAR包放入webapps目录并启动Tomcat,然后查看日志并使用相关命令管理运行状态。

扩展命令

包括搜索日志关键字、查看特定时间范围的日志、下载文件、备份文件、删除文件、查看服务器IP、删除nohup.out内容以及切换超级用户权限等任务。

请问在windows上写的前后端分离项目怎么用docker部署到lin

使用Docker在Linux服务器上部署前后端分区项目的详细步骤如下:

1安装Docker并配置阿里云仓库加速:

检查环境并选择正确的Docker版本进行安装。

安装完成后,登录阿里云官网,添加图片加速服务。

配置加速器,快速下载Docker镜像。

2.安装DockerCompose:

下载DockerCompose工具。

授权并验证安装是否成功。

2修改配置和打包操作

1更改前后端配置文件的项目主机号,保证跨域配置。
允许进入前面。

2更改前后端配置文件的项目请求路径,确保后一个项目暴露的端口正确。

3生产环境配置中,将MySQL和Redis主机号修改为Dockercompose的服务名称。

4.打包:使用npmrunbuild命令对前端进行打包。

3开始部署

1.编写构建项目每个模块的Docker文件。

2.编写docker-compose.yaml文件进行编排。

3mysql、redis、nginx配置文件配置完毕后,修复。

4启动docker-compose编排并导入数据。

4Mysql配置、redis、nginx

Mysql配置:将内容写入docker-compose.yaml文件中,并挂载配置文件。

Redis配置:同样将内容写入docker-compose.yaml并挂载配置文件。

nginx配置:编写nginx.conf文件并挂载配置文件。

5导入数据

1.导入数据库表数据:使用mysql命令导入SQL文件。

2.导入静态前端网页资源:配置nginx前端网页资源,手动压缩前端dist包并上传。

6测试和故障排除

测试部署结果并排除潜在错误。

使用常用的Docker和docker-compose命令并检查日志来排除故障。

注意:如果您没有自己的服务器,请务必将blog.conf配置文件中的域名编辑为localhost,并删除SSL配置和对应的端口配置。

部署完成后,可以对项目进行测试,以确保所有功能正常运行。
如果教程对你有帮助,别忘了点赞和支持,感谢阅读!

前端访问后端本地服务器(前端调用后端)

写前端页面如何连接后端

web-后端和前端如何连接WEB-back-end以及WEB-front-end可以连接后端模板引擎通过前端模板引擎。

接口组织参数列表,并使用get或post方法发送到指定的URL。
URL是后端程序,它首先接收参数,根据参数值确定执行的程序功能,执行后将执行结果输出到前台。

首先要掌握的是数据库查询。
这是最简单的数据库查询语句:SELECT*FROMsys_role,意思是从角色表中查找所有信息。
搜索结果显示如下。
该结果必须显示在网站上。
调用此sql语句需要代码。

Ajax提交,Ajax可以异步传输数据,不会造成页面阻塞,用户交互性比较好。
表单提交数据。
表单提交是一种更传统的提交数据的方式。
前后端脚本的交互主要包括上面提到的几点。

如何让本地前端服务器访问本地后端服务器

Apicloud前端访问后端方法。
一般来说,没有前端到后端的接口。
它们几乎都是后端到前端的接口。
所谓接口就是通过服务器分发的本机提供的URL地址进行动态的数据交互。

/要实现用户输入,接收端必须是网站。
首先,您将构建一个jsp网页。
页面内容如下。
2/将前端界面上的数据返回给后端数据,我们需要使用servlet,所以在jsp文件中我们需要一个表单。

首先是表示层,这部分可以使用HTML代码、CSS/Javascript代码等来实现。
网页的设计和布局可以通过前端代码来实现。
该层也可以称为显示层。
也就是用浏览器打开就能看到的网站。
第二层是业务层,负责处理数据。

后端服务器通过开放API向前端服务器中的前端项目提供数据或数据操作接口,从而实现前端与后端的连接。

前后端分离架构下的跨域问题

1要解决跨域问题,最简单、最彻底的方法就是拉到一个域,就是这样。
其中“反向代理”就派上用场了。
是时候采取行动了。

2对于接口来说,session字段存储在cookie中。
跨域过程中,默认不发送cookie。
即使后端返回set-Cookie字段,前端也不会存储cookie,更不会在下次访问时将其发送给后端。

3在这个过程中,客户端浏览器始终面向Nginx。
因此,index.html被发送到请求的页面,AJAX请求/api/hello发送到同一服务器,没有跨域问题。

4前后端分离意味着前端和后端只能通过JSON进行通信...我同意其他人的观点,JSON只是一个可选协议,而不是唯一一个,而且它可能不是前端的最佳解决方案。

5.对于前后端分离场景的跨域解决方案,如果不使用nginx或者springbootszuulgateway之类的解决方案,可以使用httpproxy解决方案。

如何使用服务器

在运行中输入mstsc(或者在电脑上输入win+R),如图。
在弹出的对话框中输入您的IP地址。
出现如图所示的对话框,选择是。
然后等待一段时间,进度反应时间就会进入可以输入账户的窗口和密码。

准备云服务器云服务器的基本配置是杯、内存、硬盘等基本配置。
使用云服务器的IP地址、账户名和密码登录。

进入服务器后,可以使用命令行或图形用户界面(GUI)进行操作。
如果您使用命令行,则必须登录服务器并使用您的用户名和密码或其他凭据进行身份验证。

第一步,找到代理服务器IP、账号、密码和端口。
第二步是打开“Internet选项”并选择“连接”选项卡。
连接并弹出“局域网设置”;第四步勾选“局域网使用代理服务器”并输入代理服务器的IP和端口。

第四步购买域名进行域名解析,解析域名的IP地址,填写您的阿里云服务器的IP地址即可。
">

Linux发行版名称前端访问后端超时

对于接口来说,需要调用后端接口获取数据来渲染页面,但有时会因为网络原因等原因导致后端不返回5秒之内我们可以发出错误消息来调用接口。

一种方法是在后端解决,参见之前的一篇博客。
写了springboot后端处理跨域问题的方式

\n:UNIX/Linux使用换行符(LF)来表示下一行\r:Macintosh(MACOS系统)使用回车符。
返回字符(CR)代表下一行=赋值问题作者使用if使用条件表达式时,要知道条件必须放在方括号之间,并且必须有空格。

如果ping不通IP,与DNS无关。
检查您的防火墙设置。

两者都可以。
Linux是一个类Unix操作系统,既可以用于前端也可以用于后端开发。

应用构建的服务器端语言:PHP、Ruby、Python、Java、.Net等:MySQL、Oracle、SQLServer等;Symfony、CakePHP等;版本控制工具:SVN、CVS、Git等。
您还必须熟练使用Linux作为开发和分发环境。

前端和后端如何连接?

web-back-end和front-end如何连接WEB-back-end,WEB-front-end可以通过前端连接-端模板引擎和后端模板引擎。

接口组织参数列表,并使用get或post方法发送到指定的URL。
URL是后端程序,它首先接收参数,根据参数值确定执行的程序功能,执行后将执行结果输出到前台。

前后端结合的过程需要通过接口进行数据交互。
确定接口:前端和后端开发者必须协商确定接口​​,包括名称、参数、返回值等。
对于接口。
确定接口时,必须考虑数据的格式和传输方式,如JSON、XML等。

首先,分两步来研究。
第一步,前端请求后端的接口,不管后端是如何实现的,只考虑后端返回什么数据。
我以及数据结构是什么。
请求方法请参见各大框架或浏览器提供的方法说明。
使用GET时使用GET,使用POST时使用POST。

第二层是业务层,负责处理数据。
常见的编码语言有PHP、JSP、Java等。
前台返回的数据被处理通过这些后台处理语言的算法。
需要时对数据库进行操作,然后将结果返回到前端网页。

前后端连接方式取决于应用需求和技术栈。
Java中常见的五种连接方式如下:RESTfulAPI使用RESTfulAPI是最常见的前后端。
端部连接方法。
前端通过HTTP请求与后端进行通信。

相关内容

热门资讯

解决网易邮箱连接失败问题:排查... 网易邮箱怎么老是连接服务器失败啊?当您尝试连接网易邮箱时遇到“服务器连接失败”的提示,这可能是由于多...
戴尔电脑初始密码及服务器默认账... dell电脑初始密码是什么关于戴尔计算机的初始密码,应该很明显,戴尔计算机在出厂离开时未指定初始帐户...
华为手机激活错误3008解读及... 华为手机激活时出现网络服务器忙等稍后重试3008是什么意思?如果您访问官方网站,请移动您的帐户并且不...
藏乐阁ST86点歌机连接故障排... 藏乐阁st86点歌机无法连接服务器检查服务器和行。 检查服务器死亡。 检查线路和开关是否运行...
西奥电梯故障排查指南:内外呼检... 西奥电梯内外呼显示检修,但电梯检修开关没打,慢车也开不动,问题怎么处理?首先去机房检查110伏电源。...
战术小队连接问题解决方案及加入... 战术小队无法连接到服务器会话战术小队无法连接到服务器会话,这可能是由于各种原因。 您可以尝试以下...
网易邮箱连接失败?原因及解决方... 网易邮箱服务器连接失败,请稍后重试是什么原”问题是连接网易邮箱服务器失败,请稍后重试。请问是什么原因...
Oppo手机正保云课堂登录故障... oppo手机正保云课堂登不进去?明确的答案:Oppo Zhengbaoyun手机类无法连接的原因可能...
华为路由器红灯问题解决方案:微... 华为9830服务器闪红灯表示电池电量严重不足或无法正常开机。解决华为路由器红灯一直变红问题的传统解决...
KTV点歌机故障排查与维修指南 音王点歌机连接服务器失败是什么原因服务器失败的丁字机之间的连接是系统故障。 根据相关的公共信息,...