前端axios请求报Mixed Content:the page at‘http://XXXX‘ was loaded over HTTPS解决方法

这个问题出现是因为你的页面是通过 HTTPS 加载的，但是你的请求是通过 HTTP 发送的，这就导致了 "Mixed Content" 错误。为了解决这个问题，你可以尝试以下方法：

1. 将你的请求地址改为 HTTPS 协议。这是最简单的解决方法，确保你的请求地址和页面地址使用相同的协议。

2. 使用相对路径来发送请求。将请求地址改为相对路径，这样无论页面是通过 HTTP 还是 HTTPS 加载的，请求都会使用相同的协议。

3. 在服务器端启用 HTTPS。如果你的服务器支持 HTTPS，可以将你的网站配置为通过 HTTPS 加载，这样就不会出现 Mixed Content 错误。

4. 使用代理服务器。如果你无法更改请求地址或者服务器配置，你可以考虑使用代理服务器来转发请求。通过将请求发送到代理服务器，然后由代理服务器再发送到目标地址，可以解决 Mixed Content 错误。

请根据你的具体情况选择适合的解决方法。希望对你有帮助！

相关问题

如何使用axios.get 动态请求http://127.0.0.1:3007/my/type/deletecate/10

你可以使用axios.get方法来动态请求http://127.0.0.1:3007/my/type/deletecate/10。下面是一个示例代码：

import axios from 'axios';

axios.get('http://127.0.0.1:3007/my/type/deletecate/10')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

在这个例子中，我们使用了axios.get方法来发送GET请求，并将请求URL设置为http://127.0.0.1:3007/my/type/deletecate/10。一旦我们收到响应，我们使用.then方法来处理响应数据，并将其打印到控制台中。如果出现任何错误，我们使用.catch方法来处理错误。

请使用axios工具怎样用http://127.0.0.1:8980/js/a/authInfo接口获得数据

首先需要安装 axios 模块，可以使用以下命令：

npm install axios

然后，可以使用以下代码来发送 GET 请求并获取数据：

const axios = require('axios');

axios.get('http://127.0.0.1:8980/js/a/authInfo')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这里使用 `axios.get()` 方法来发送 GET 请求，并将返回的数据打印到控制台上。

需要注意的是，如果接口需要进行身份认证等操作，需要在请求头中添加相应的信息。例如，如果需要在请求头中添加 Token：

axios.get('http://127.0.0.1:8980/js/a/authInfo', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
})