Chrome插件请求数据时请求报错(blocked:mixed-content)

  • 问题原因
  • 解决方案
    • 方案1:配置https
    • 方案1:使用background.js请求http

问题原因

问题原因是我在csdn上搜索到的,主要原因为https页面去发送http请求报错(浏览器阻止https发送http请求)

解决方案

方案1:配置https

将请求的服务器添加openssl扩展,使服务器支持https。该方法局限于服务器为自己的服务器,可以进行配置的情况下。

方案1:使用background.js请求http

1、如果你请求数据的代码位于content_scripts中,可以直接通过chrome.runtime.sendMessage来和background.js进行通信,把请求任务交给background.js即可解决。

2、如果你请求数据的代码是注入到网站中的inject_scripts,我们要先让inject_scripts和content_scripts进行通信,把网址和参数传给content_scripts,然后content_scripts再通过上面的方法把参数传给backgroud.js从而达到目的。
代码如下:

//background.js
function getPostResult(url,params,sendResponse){$.post(url, params, function (result) {sendResponse(result);});
}// 监听来自content-script的消息
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse)
{getPostResult(request.url,request.params,sendResponse);return true;//注意此处,异步的话返回值必须为true
});
//content_scripts
window.addEventListener("message", function(e)
{if(e.data.type=="req_bg"){//向background发送数据chrome.runtime.sendMessage({"url":e.data.url,"params":e.data.params}, function(response) {//发送给injectwindow.postMessage({"type":'bg_res',"response":response}, '*') ;});}
}, false);
//inject.js
//发送请求参数给content_scripts
window.postMessage({"type":"req_bg","url":url,"params":params}, '*');//type:req_bg 请求background.js     bg_res background.js返回值
//接收background.js请求的数据
window.addEventListener("message", function (e) {if (e.data.type == "bg_res") //如果是来自background的返回值{var result = e.data.response;//接下来处理返回结果result}
}, false);

以上就是我的总结,希望对同样错误的同学有帮助,有疑问可以给我留言。
觉得有帮助的同学有能力可以打赏一点C币

Chrome插件请求数据时 请求报错(blocked:mixed-content)相关推荐

  1. Android 请求数据时,报错 HttpException:HTTP 503 Service Temporarily Unavailable”

    (1)场景 http请求数据时,报以下异常  : 同时,后台也检测不到接口请求的痕迹,但是有时再试一下又行了. (2)解决思路 ①后台连接数量可能限制,比如1s内同一个人只能请求一次等,或者排查一下有 ...

  2. 关于PostgreSQL 插入数据时经常报错:no partition of relation found for row “tableName“ found for row (exec14 10

    关于PostgreSQL 插入数据时经常报错: Caused by: com.seaboxsql.util.PSQLException: ERROR: no partition of relation ...

  3. Python连接mysql,插入数据时不报错,但是没有插入进去

    Python连接mysql,插入数据时不报错,但是没有插入进去在connect方法中,设置 autocommit =True conn=pymysql.connect(host=host_db,use ...

  4. http请求https报错:Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure...

    当我们的浏览器出现类似"was loaded over HTTPS, but requested an insecure resource/frame"这种错误是,一般都是因为我们 ...

  5. oracle 31640,导数据时ora-31640报错

    单实例数据库10.2.0.4,目标数据库11.2.0.3 rac,目标准备将单实例上的数据导入到rac数据库. 在导入过程中报错如下: Processing object type SCHEMA_EX ...

  6. django mysql save_python,django,向mysql更新数据时save()报错不能用

    用户提问 求大神帮忙,models.py中有个Student类,当我用s = Student(...)创建对象,然后s.save()可以往mysql中插入记录,但是当我用 s.name = 'aaa' ...

  7. scrapy 整合 djangoitem,摆脱保存数据时SQL报错的困扰

    这里有一个官方的链接,虽然说的并不完整,但是思路讲解的还是很不错的:https://pypi.python.org/pypi/scrapy-djangoitem/1.1.1 这里我做了一个小案例,会一 ...

  8. python mysql批量insert数据_使用python往mysql批量插入数据时,报错not all arguments converted...

    我用这段命令可以往mysql数据库插入数据 insert into moderation_task(id, media_id, user_id, media_url_or_path, media_ti ...

  9. elasticsearchTemplate 批量插入数据时,报错es节点拒绝插入。

    错误信息: org.springframework.data.elasticsearch.ElasticsearchException: Bulk indexing has failures. Use ...

最新文章

  1. C/C++:Windows编程—Hook IE浏览器实现URL拦截及更改(上)
  2. idea package自动生成_IDEA -- 自动创建POJO
  3. BGP Ethernet Virtual Private Network技术原理
  4. Cisco ASA防火墙基础--转载http://wenzhongxiang.blog.51cto.com/6370734/1249746
  5. java linux 文件名乱码_Java读linux文件名乱码的解决办法
  6. 程序、算法和数据结构的关系
  7. html中vid中的id,VID/DID/SVID/SSID
  8. Mongodb- paly中操作mongodb记录
  9. 微信小程序实现举报功能
  10. P1162 填涂颜色问题(广度优先搜索BFS)
  11. 开源的Linux QQ
  12. [plugin:vite:import-analysis]Failed to resolve import “@/“ from ““.Does the file exist
  13. 互融云|区块链如何保护知识产权
  14. win 10网络适配器没有无线网络连接
  15. DiskGenius硬盘分区及数据恢复软件
  16. linux运行xsnow,Linux/UNIX桌面的乐趣:圣诞老人、雪地、鹿车
  17. 示范效应显现,去中心化钱包iBitcome率先接入WHC
  18. Prawn: 纯Ruby PDF 生成器程序库
  19. Annovar 信息注释
  20. Speedoffice(Word)教你如何打出来人民币符号

热门文章

  1. 小米5x_一亿像素865旗舰 小米10 Pro评测
  2. Android studio项目中LitePal配置详细过程与使用
  3. JAVAFX 鼠标悬浮提示 Tooltip组件
  4. java操作excel的注意事项
  5. android给view的overlay添加bitmap
  6. Vivado Synthesis failed 解决办法
  7. 知识分享 | 转录组个性化分析(4)——蛋白互作分析
  8. C for Graphic:ddx/ddy
  9. 删除网络计算机凭证,分享win10电脑系统关闭网络凭证的详细步骤
  10. caffe python layer