前端请求 HTTPS 接口时为啥还会报不安全内容？

Top丶俊锡提问于 2026-03-08 21:36:18 阅读 10

安全

我本地开发时用的 HTTP 协议，但调用的是公司测试环境的 HTTPS 接口，结果浏览器控制台一直提示“混合内容：页面通过 HTTPS 加载，但请求了不安全的资源”。可我明明写的是 https 啊，是不是哪里配置错了？

这是我的请求代码：

<script>
  fetch('https://api.test.example.com/data')
    .then(res => res.json())
    .then(data => console.log(data));
</script>

我来解答赞 1 收藏

反馈

1 条解答

上官浩宇 Lv1

检查下是不是接口返回的内容里混了http的链接，比如图片/css/js的地址。直接把浏览器network面板里这个请求的response贴出来看下。

如果确定是后端问题，让他们把所有资源链接都改成https。前端可以这样强行处理：

fetch('https://api.test.example.com/data', {

  mode: 'no-cors'

}).then(res => res.json())

  .then(data => console.log(data));

不过这只是临时方案，最好让后端修。

2026-03-08 21:38