前端请求状态为blocked:mixed-content解决方法

最新推荐文章于 2025-04-04 23:43:33 发布
最新推荐文章于 2025-04-04 23:43:33 发布
阅读量3k 收藏 1
点赞数
分类专栏： laravel PHP 文章标签： laravel php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44577059/article/details/127119697
版权
当尝试使用dcat-admin登录时遇到登录失败，原因在于浏览器阻止了从HTTPS页面发起的HTTP接口请求。为了解决blocked:mixed-content的错误，只需在.env配置文件中添加ADMIN_HTTPS=true，确保前端请求与页面协议一致，从而恢复正常登录功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

dcat-admin登陆页突然登录不上去，报错
在这里插入图片描述

是因为前端在请求接口的时候报错blocked:mixed-content，这是因为浏览器不允许在https协议的页面里请求http的接口，所以在.env里加上

ADMIN_HTTPS=true

就可以啦

This request has been blocked； the content must be served over HTTPS.
猿小白的博客
05-27 1559
Mixed Content: The page at 'xxxxxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://xxxxxx'. This request has been blocked; the content must be served over HTTPS. 解决办法： 在HTML中的head标签中添加下面代码，即可解决此问题。 <meta http-e...
JSONP请求报错block:mixed-content（已解决）
卡卡西：一个擅长拷贝的前端程序员
03-11 1705
Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS 问题描述 开发环境 调用接口 正常，发布到测试环境时，调用接口提示 “block:mixed-content” 问题原因 浏览器不允许在https页面里嵌入http的请求 开发环境是本地起的http服务，发到测试环境时是 https，而调用的接口地址是固定的 http接口，导致测试环境报错。 解决问题 方法1. 如果该接口支持
https请求报错block:mixed-content问题的解决办法（已解决）
12-21
问题截图 问题分析 今天，多个接口突然出现 block:mixed-content  错误，于是排查了一下发现： 错误：https页面去发送http请求报错(浏览器阻止https发送http请求) 原来是由于项目改成了https协议的缘故，出现了请求被拦截； 其实是浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。 Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS 如下图： 解
web无插件直播点播视频结构化分析系统EasyDSS开启https报错 (blocked:mixed-content) 问题
EasyDSS官方技术博客
03-29 383
TSINGSEE青犀视频的大部分视频平台都是能够开启https的，在EasyDSS的部分版本中，如果开启 https，通过 https访问http 地址，浏览器的控制台会报出(blocked:mixed-content)错误： 出现该种错误是浏览器的默认功能，如果在 https 端口的网站访问 http 的地址就会出现错误。https 地址相对于http地址来说，安全性更强，因此 https 在渐渐的取代 http。 出现该种情况，需要修改软件后端，对访问的路径进行判断，如果是 https 访问
解决浏览器报错Mixed Content
最新发布
qq_73797346的博客
04-04 1136
前端代码中混合内容（Mixed Content） 导致被浏览器拦截，通过nginx添加强制https响应头解决
Chrome插件请求数据时 请求报错(blocked:mixed-content)
04-23 8787
Chrome插件请求数据时请求报错（blocked:mixed-content）问题原因解决方案方案1：配置https方案1：使用background.js请求http 问题原因 问题原因是我在csdn上搜索到的，主要原因为https页面去发送http请求报错(浏览器阻止https发送http请求) 解决方案 方案1：配置https 将请求的服务器添加openssl扩展，使服务器支持https。该...
前端请求接口状态报blocked:mixed-content的原因
热门推荐
博哥的二进制世界
08-05 2万+
前端请求接口状态报blocked:mixed-content的原因 如下图，前端在请求接口的时候报错Mixed Content，这是因为浏览器不允许在https协议的页面里请求http的接口，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。 最简单的解决办法当然就是不要使用http请求，把网站上的http请求都迁移到https。 ...
浏览器访问网址出现blocked：mixed-content问题
Blz624613442的博客
08-29 4482
最近有个别同事提出浏览器通过域名访问内部系统时，出现网络错误，无法登录内部系统，但其他同事仍然正常的，并无不妥。通过对他们浏览器运行检查时发现，网络状态报(Chrome下会显示已屏蔽再对访问路径仔细对比发现出现问题的同事，都使用了https进行访问，更改为http访问后恢复正常。
【wujie】记录使用wujie微前端的遇到的问题
qq_41885295的博客
01-06 1290
微前端使用踩坑记录，包括一些第三方插件在浏览器端表现不符合预期、部署访问加载报错的解决方法。会连续记载....
This request has been blocked; the content must be served over HTTPS.
07-27
- *1* *2* [【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....](https://blog.youkuaiyun.com/ks2686/article/details/128010642)[target="_blank" data-report-click={...
【已解决】在一个网站下载pdf文件，在edge极速模式下下载报错，但是切换到兼容模式（就是使用IE的模式）可以正常下载This request has been blocked； the conten
小秀的博客
03-07 513
报错：在一个网站下载pdf文件，在edge极速模式下下载报错，printExamCert:1 Mixed Content: The page at ‘https://ntcebm2.neea.edu.cn/apply/memapp/doLogin#’ was loaded over HTTPS, but requested an insecure form action ‘http://ntcebm2.neea.edu.cn/apply/common/mydown?
前端请求后端接口报错(blockedmixed-content)，以及解决办法
m0_74824044的博客
12-11 2498
混合内容是指在同一页面中同时包含安全（HTTPS）和非安全（HTTP）资源的情况。当浏览器试图加载非安全资源时，它会发出“混合内容”警告，阻止加载不安全的请求。为什么会出现“blocked:mixed-content”错误？
前端请求后端接口报错(blocked:mixed-content)，以及解决办法
10-29 2826
出现这个错误的原因是，您的前端应用可能正在尝试加载一个HTTP资源，而该资源应该通过HTTPS协议进行传输。由于HTTP协议是不安全的，它可能会被中间人攻击（Man-in-the-Middle Attack）拦截，导致数据泄露或恶意修改。因此，浏览器默认阻止了这种不安全的请求。混合内容是指在同一页面中同时包含安全（HTTPS）和非安全（HTTP）资源的情况。当浏览器试图加载非安全资源时，它会发出“混合内容”警告，阻止加载不安全的请求。为什么会出现“blocked:mixed-content”错误？
Https调用http接口时，出现blocked:mixed-content的解决方法
weixin_42786042的博客
04-28 7706
Https调用http接口时，出现blocked:mixed-content的解决方法现象解决方案 现象 如图所示，出现这种情况，一般是https调用了http的接口，这个是https调用了一个第三方的地图服务，但是调用的是http的接口，所以会报错，思路就是把http接口换成https接口，下面说解决方案 解决方案 方法一： 把上面的替换成下面的样子 这样的话浏览器就会根据你域名的请求来识别，比如https下他会自动请求https的资源，而http时，请求http的资源。 但是有可能他并不存
vue3项目 前端blocked:mixed-content问题解决方案
qq_48665028的博客
07-07 1251
blocked:mixed-content其实浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。一般出现这个问题就是在https协议里嵌入了http请求，解决方法如下。直接设置谷歌浏览器允许不安全内容。
http----在https网站请求http，提示block:mixed-content问题
Seeyoucm
04-02 7121
在https网站请求http，提示block:mixed-content问题
ajax请求报错(blocked:mixed-content)
yiyueqinghui的博客
12-13 1万+
ajax请求报错(blocked:mixed-content) 原因： https页面去发送http请求报错(浏览器阻止https发送http请求) 解决： 把域名（http）绑定证书（https）
nginx反向代理到Https后，请求Http资源报错blocked mixed-content
Honins的博客
03-28 1万+
第一种方法： <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> 比如这里我用了bootcss的cdn,但是正常情况下这样写是会报blocked mixed-content错误的。 解决方法： <link rel="stylesheet...
https请求报错block:mixed-content问题的解决办法
2301_79779756的博客
04-25 3244
本文将深入探讨HTTPS请求中出现的block:mixed-content错误，解释这一错误的含义、产生原因，并给出相应的解决方法。通过本文，读者将能够了解如何有效地处理这一常见的网页安全问题。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值