前后端分离项目 前端如何请求数据?原理是什么?

本文介绍了前后端分离项目中,前端如何通过HTTP协议请求数据。数据传输依赖于HTTP协议,前端通过指定URL请求JSON或其他数据文件,利用路由技术定位所需信息。后端则负责规定请求路径,调用数据库并处理数据逻辑。
摘要由CSDN通过智能技术生成

要理解前端如何请求数据,不妨先想一个问题,就是数据到底是如何传输的?

其实不考虑加密等技术的加持下,其实浏览器的数据传输特别的清新单纯:

.首先是老生常谈的http协议,超文本传输协议嘛,通过http,在浏览器输入一个域名我们就可以将一个文件包含的数据从一台电脑传输到另一台电脑。

.把各种文件(如.html .js .css)传输过去后,浏览器解析这些字符,从而渲染出一个页面。

就是这么简单!
世界上第一个网站


那么,如果在一个网页渲染完毕后,又需要额外的数据呢?很简单,就像上面说的一样,请求数据还是靠输入另外一个域名,如果只有数据,那么返回的便不是.html 或者.css之类的文件了,而是.json(一种由键值对组成的数据文件)或是别的文件了。 是的,就是这么单纯,还是输入一个域名,然后获取到服务器传输过来的数据文件。只是这个输入域名的操作是先前的代码告诉浏览器自动去请求的(想看可以在浏览器摁f12选择network看见代码都告诉浏览器去请求了什么东西),然后先前的代码再处理传过来的数据。

宝塔面板是常用的服务器管理软件,它可以方便地部署和管理Web服务。对于Spring Boot这样的后端项目,部署时需要配置监听端口,以便让Web服务器能够转发请求到后端应用。下面是在宝塔面板中部署Spring Boot项目并配置后端监听端口的步骤: 1. **安装Java环境**:首先确保服务器上安装了Java运行环境(JRE或JDK),因为Spring Boot需要Java环境来运行。 2. **上传Spring Boot项目文件**:将你的Spring Boot项目打包后的JAR文件上传到服务器上。 3. **设置宝塔面板**: - 登录宝塔面板。 - 进入软件商店,搜索并安装一个Tomcat或Nginx作为Web服务器,用来做反向代理转发请求到Spring Boot应用。 4. **配置Web服务器**: - 如果使用Tomcat,需要配置server.xml文件中的Connector标签,设置端口为你的Spring Boot应用想要监听的端口(默认是8080)。 - 如果使用Nginx,则需要在Nginx配置文件中添加反向代理配置,将外部请求转发到Spring Boot应用监听的端口。 5. **配置Spring Boot应用**: - 在Spring Boot的`application.properties`或`application.yml`配置文件中,设置`server.port`属性为你希望后端应用监听的端口。 例如,在`application.properties`中添加: ``` server.port=8080 ``` 如果使用的是`application.yml`,则为: ```yaml server: port: 8080 ``` 6. **启动Spring Boot应用**: - 通过宝塔面板的运行命令或使用SSH直接运行你的Spring Boot JAR文件。 7. **测试配置**: - 通过浏览器或使用工具如curl测试你的应用是否能够正常访问。 完成以上步骤后,你的Spring Boot项目应该已经配置好了监听端口,并且可以通过宝塔面板管理的Web服务器访问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值