Chrome Devtools发起Ajax请求

发表于 | 更新于 | 分类于

有时需要在浏览器直接调用后端接口编辑数据或者查询信息，可以利用Chrome Devtools支持的fetch方法

在Console使用fetch

1
2
3
4
5
6
7
8
9
10
11
12
13
fetch(`https://${location.hostname}.replace(/^xxx\./, 'xxx.')/xxx`, {
    method: 'POST',
    body: JSON.stringify({
        xxx: 'xxx',
        xxx: 'xxx'
    }),
    headers: {
        'Content-Type': 'application/json',
    },
    credentials: 'include'
}).then(res => {
    console.log('修改完毕')
});

从Network里提取fetch

右击一项请求，Copy -> Copy as fetch

参考资料
  1. 在控制台发送 ajax 请求