快速判断接口是否允许跨域的方法

需求描述

想要判断某接口,是否支持跨域接口

快速验证方案

  • 通过控制台找到该接口,并拷贝出fetch请求的代码(里面会包含相应的参数)
  • 打开目标网站,把下面的代码在console中复制。如果允许跨域,network会成功发送请求。否则会报CORS跨域错误。

快速判断接口是否允许跨域的方法_第1张图片

快速判断接口是否允许跨域的方法_第2张图片

拷贝出来的fetch代码如下

  fetch("https://test.xx.com/api/company/afterSale/dictionaries", {
        "headers": {
            "accept": "*/*",
            "accept-language": "zh-CN,zh;q=0.9,en;q=0.8",
            "app-version": "TOWER_20230202114601",
            "authorization": "xxxxxxxxxx",
            "gwfp": "xxxxxxxxxx",
            "sec-ch-ua": "\"Not_A Brand\";v=\"99\", \"Google Chrome\";v=\"109\", \"Chromium\";v=\"109\"",
            "sec-ch-ua-mobile": "?0",
            "sec-ch-ua-platform": "\"macOS\"",
            "sec-fetch-dest": "empty",
            "sec-fetch-mode": "cors",
            "sec-fetch-site": "same-origin",
            "source": "supplier"
        },
        "referrer": "https://test.xxx.com/demo/test1",
        "referrerPolicy": "no-referrer-when-downgrade",
        "body": null,
        "method": "GET",
        "mode": "cors",
        "credentials": "include"
    });

你可能感兴趣的:(浏览器跨域)