简单实用的Chrom浏览器模拟POST请求方式

最新推荐文章于 2025-05-13 16:04:07 发布

漁陽

最新推荐文章于 2025-05-13 16:04:07 发布

阅读量4.8w

点赞数 18

CC 4.0 BY-SA版权

分类专栏：前端攻城狮文章标签： post请求 chrome

本文链接：https://blog.youkuaiyun.com/I_peter/article/details/114015447

前端攻城狮专栏收录该内容

30 篇文章

订阅专栏

本文详细指导如何利用浏览器控制台的fetch API，通过console避免登录验证，直接发送POST请求，适用于简化接口测试过程。步骤包括设置请求URL、编码参数及查看响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现post请求方式有很多种，比如postman等。

但有时候接口做了登录拦截，这个时候使用postman等工具要配置相关的cookie信息。

这个过程是很繁琐，最后也不一定能达到预期效果。

本篇使用chrom的console控制台，满足你的诉求

步骤如下：

1.打开控制台-如下图所示（或者浏览器页面右键->检查->切换到console控制台即可）

2.控制台输入如下代码

fetch(new Request('url地址',{method:'POST'})).then((resp)=>{console.log(resp)})

注意:url地址是需要访问的接口路径，如果需要传递参数，就将请求参数添加到url后面即可(与get方式一样)

如果参数特别长,建议使用如下:

//方法一：
var url = "/dict/test";
var params = {advertiserUid: 1232131, advertiserWeiboNickname: "18"};
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onload = function (e) {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log(xhr.responseText);
    } else {
      console.error(xhr.statusText);
    }
  }
};
xhr.onerror = function (e) {
  console.error(xhr.statusText);
};
xhr.send(JSON.stringify(params));

//方法二：
var url = "/dict/test";
var params = "score=5&abc=6";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
xhr.onload = function (e) {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log(xhr.responseText);
    } else {
      console.error(xhr.statusText);
    }
  }
};
xhr.onerror = function (e) {
  console.error(xhr.statusText);
};
xhr.send(params);

3.完成第二步之后，点击回车即可。在地址请求栏你会看到接口的请求信息，到此大功告成！