如何在 chrome 扩展中使用 AJAX 向“我的 XAMPP 服务器”发送 GET 请求答案

【问题标题】：How to send a GET request to ‘My XAMPP server’ using AJAX in a chrome extension如何在 chrome 扩展中使用 AJAX 向“我的 XAMPP 服务器”发送 GET 请求
【发布时间】：2019-06-20 07:35:42
【问题描述】：

我完成了一个新的 REST API，我想测试它并向 'My XAMPP server url="http://127.0.0.1:8080/index.php?a=ad"' 发送一个 GET 请求我使用 AJAX 的 chrome 扩展。

我尝试了很多次，但都失败了……那我该怎么做呢？

控制台中的错误：

混合内容：“https://www.google.com/”处的页面通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“http://127.0.0.1:8080/index.php?a=ad”。此请求已被阻止；内容必须通过 HTTPS 提供。

代码

$.ajax({
        url: 'http://127.0.0.1:8080/index.php?a=ad',
        success:function(data){

        },
        error: function() {
            $('#notification-bar').text('An error occurred');
        }

    })

【问题讨论】：

具体出了什么问题？控制台中的任何错误？ JS 逻辑看起来不错，因此您需要调试响应
好吧...完成，我编辑了问题
在这种情况下，错误中描述了问题。您正在从安全域发出非安全请求。您需要在本地服务器上运行 SSL。

标签： javascript jquery html http google-chrome-extension

【解决方案1】：

将 API URL 更改为 HTTPS 而不是 HTTP 应该可以解决此问题。

或

在 HTML 页面中添加以下代码：

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

【讨论】：