Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理

简介: Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理
+关注继续查看

效果图如下:

image.png

前端发送一次请求,后端接收到两次,第二次是:GET /favicon.ico HTTP/1.1

可以看到页签上标题栏前面是个地球,这个是默认的。

原因就是后台给的响应里没有指定这个图标,他再请求一次,就是请求这个资源。

image.png

解决方法,在响应里加上这个元素,指定下图标内容:

<link rel="shortcut icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico" type="image/x-icon" />

其中 https://g.csdnimg.cn/static/logo/favicon32.ico 这个是 csdn 网站上的图标,具体的可以自己来指定。

修改后再次测试:

image.png

可以看到只有一次请求了,而且页签前面也有图标了。

image.png

测试代码如下:

package com.test.test;

import java.io.*;
import java.net.ServerSocket;
import java.net.Socket;

public class SocketTest {
    public static void main(String[] args) throws IOException {
        /*
         作用:接收浏览器的请求并响应
        */

        // 创建服务,端口设置为10010
        ServerSocket server = new ServerSocket(10010);

        int k = 0;
        while(true) {

            // 阻塞式连接,当接收请求前保持阻塞
            Socket socket_client = server.accept();

            // 获取输入流
            InputStream in_put = socket_client.getInputStream();

            // 制作响应报文
            StringBuffer response = new StringBuffer();

            // 读取请求内容
            BufferedReader input = new BufferedReader(new InputStreamReader(in_put,"GBK"));
            String url = input.readLine();

            if(url != null) {
                String url_new = java.net.URLDecoder.decode(url, "UTF-8");
                k = k + 1;
                System.out.println("\n循环次数:" + k);
                System.out.println(url_new);
            }

            // 响应头部
            String response_head = "HTTP/1.1 200 OK\r\n" +
                    "Content-type:text/html\r\n\r\n";

            // 响应主体
            String response_body = "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">" +  // 解决乱码问题
                    "<link rel=\"shortcut icon\" href=\"https://g.csdnimg.cn/static/logo/favicon32.ico\" type=\"image/x-icon\" />" +
                    "<style>body{font-family:\"黑体\"}</style>" +
                    "欢迎来到小蓝枣的博客<br>" +
                    "Welcome to xiaolanzao's blog!";

            response.append(response_head + response_body);

            // 获取输出流
            OutputStream out_put = socket_client.getOutputStream();

            // 将响应数据传给输出流
            out_put.write(response.toString().getBytes());

            // 关闭创建的对象
            out_put.close();
            in_put.close();
            socket_client.close();
        }
    }
}

喜欢的点个赞❤吧!

目录
相关文章
|
10小时前
|
前端开发 关系型数据库 MySQL
J2EE项目部署与发布(Linux版本)->jdk&tomcat安装,MySQL安装,后端接口部署,linux单体项目前端部署
J2EE项目部署与发布(Linux版本)->jdk&tomcat安装,MySQL安装,后端接口部署,linux单体项目前端部署
20 0
|
21天前
|
前端开发
前端传递参数后端接收不到的坑
前端传递参数后端接收不到的坑
22 0
|
22天前
|
移动开发 前端开发 JavaScript
详细说明前端和后端限制文件大小的具体实现方式
详细说明前端和后端限制文件大小的具体实现方式
20 1
|
2月前
|
前端开发 JavaScript
.net core 前端传递参数有值 后端接收到的数据却是null
1、问题分析 在做接口测试时,偶然出现了前端输出有值,但是后端断点调试时却出现接收参数总是为null的情况 2、解决办法 前端打印log,看前端的每一个传值的数据类型,与后端请求参数类进行认真的一一比对 小技巧: ① 直接打印调用接口的传参值的数据类型,例如 console.log(type of this.form.name) --string console.log(type of this.form.age) --number 打印的数据类型与后端接口的参数类比对,查出不对应的类型 ② 关于非必填的值,默认传值可能出现空字符串(' ')、NaN值(Not a Number
43 0
|
2月前
|
前端开发 JavaScript API
php的短信验证的流程,如何实现前端js加后端php
php的短信验证的流程,如何实现前端js加后端php
|
2月前
|
前端开发 Go 开发者
前端 vs 后端️: 深入探讨Web开发的两大王国
前端 vs 后端️: 深入探讨Web开发的两大王国
16 0
|
2月前
|
小程序 前端开发
【易售小程序项目】修改“我的”界面前端实现;查看、重新编辑、下架自己发布的商品【后端基于若依管理系统开发】
【易售小程序项目】修改“我的”界面前端实现;查看、重新编辑、下架自己发布的商品【后端基于若依管理系统开发】
30 0
|
2月前
|
前端开发 JavaScript 关系型数据库
开发中的前端和后端
开发中的前端和后端
33 0
|
3月前
|
前端开发 测试技术
你发现一个bug,如何定位这个是前端还是后端缺陷?建议收藏
你发现一个bug,如何定位这个是前端还是后端缺陷?建议收藏
288 0
|
3月前
|
前端开发 小程序
宠物管理系统-前端小程序-后端web
宠物管理系统-前端小程序-后端web
124 0
相关产品
云迁移中心
推荐文章
更多