ajax调用时，如何在网络选项卡的浏览器调试工具上隐藏请求API URL？答案

【问题标题】：How do i hide request API URL on browser debugging tool at network tab while ajax call?ajax调用时，如何在网络选项卡的浏览器调试工具上隐藏请求API URL？
【发布时间】：2021-12-03 14:14:15
【问题描述】：

我想向目标 API 端点发送安全请求，并且不想让浏览器在浏览器调试工具中跟踪请求的 API URL。有什么方法可以解码 API 请求的 URL，使 URL 不会显示在浏览器调试器网络选项卡中？

我正在使用 pyton django 框架。

Ajax

function Approve(camp_id, updated)
{
    if (updated === 1){
    var payload = {'campaign_status': 5}
    }
    else{
    var payload = {'campaign_status': 1}
    const  token = '{{csrf_token}}';
    }
    $.ajax(
        {
          url: `https://api.example.com`,
            
            data:{
                camp_id:camp_id
            }
            type:"PUT",
              headers:{"Authorization": `Bearer ${token}`,, "csrfmiddlewaretoken": token },
            contentType: "application/json",
            data: JSON.stringify(payload),

            success: function(response, xhr)
            {
                window.location.reload();
            },
            error: function(response, xhr)
            {
                console.log(response)
            }
        }
    );
}

【问题讨论】：

标签： javascript django ajax api

【解决方案1】：

我通过 django 视图处理我的 api 调用解决了这个问题，而不是使用 ajax，最终代码看起来像

阿贾克斯：

function Approve(camp_id, updated)
{
    if (updated === 1){
    var payload = {'campaign_status': 5}
    }
    else{
    var payload = {'campaign_status': 1}
    const  token = '{{csrf_token}}';
    }
    $.ajax(
        {
          url: `approve/edit`,// django view url
            
            data:{
                camp_id:camp_id
            }
            type:"PUT",
              headers:{"Authorization": `Bearer ${token}`,, "csrfmiddlewaretoken": token },
            contentType: "application/json",
            data: JSON.stringify(payload),

            success: function(response, xhr)
            {
                window.location.reload();
            },
            error: function(response, xhr)
            {
                console.log(response)
            }
        }
    );
}

【讨论】：