使用core-anywhere实现对微信公众号文章的跨域处理

已于 2024-01-15 16:25:44 修改
阅读量471 收藏 8
点赞数 8
分类专栏： 前端笔记 javascript笔记 文章标签： 前端 javascript node.js vue
于 2024-01-15 16:16:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012104727/article/details/135603642
版权
本文介绍了如何使用core-anywhere处理微信公众号文章的跨域问题，特别强调了由于微信文章通常通过HTTPS访问，因此需要配合HTTPS方式解决在本地文件路径下通过iframe加载时的浏览器安全限制。
摘要由CSDN通过智能技术生成

参考文章：

        core-anywhere实现对微信公众号文章的跨域处理_cors跨域 读取公众号-CSDN博客

        iframe嵌入微信公众号页面（有图片）_iframe标签请求微信公众号跨域-CSDN博客

根据以上两篇文章可以解决core-anywhere实现对微信公众号文章的跨域处理，但是要很好解决的话，还需要通过https的访问（因为微信公众号文章都是通过https来访问的），在浏览器中通过本地文件路径来访问html访问，会出现类似如下提示：

1530318515
关注
专栏目录
uniapp - 详细实现移动端公众号 H5 网页授权登录流程及示例代码，申请测试公众号全流程及本地调试无需部署上线服务器就能直接调起微信登陆授权页面，手机移动端h5公众号页面利用微登录拿到用户数据！
王佳斌
08-01 3858
uni-app，微信公众号，h5网页，uniapp网页端，手机端H5公众号页面，微信网页登陆，uniApp详细实现公众号的登录，微信授权第三方网站登录，流程及逻辑详细教程，OAuth2.0，公众号网页授权，微信网页授权通过code换取网页授权，redirect_url，参数错误，解决，报错，无法调起，如何申请测试公众号，微信公众平台测试号的申请与使用，获取用户openid手机号昵称头像，利用测试号实现本地调试微信登录授权，本地无法调试怎么办，测试公众号，在开发环境下怎么测试，用项目本地ip地址，微信公众号平
iframe嵌入微信公众号页面（有图片）
木玄客的博客
10-18 6503
iframe展示微信公众号文章，有图片，包括背景图片
微信公众号文章跨域展示
2byte
05-16 2121
帮朋友做了个整站，更新新闻的时候他用不惯我写的后台，老是发微信公众号，让我帮忙发到网站上，我觉得太麻烦了，就写了个调用的方法。 微信公众号自带保护，不让跨域访问。 只能用http://cors-anywhere.herokuapp.com/跨域访问接口。 http://cors-anywhere.herokuapp.com/+公众号文章地址就可以得到文章的源代码，加以正则匹配就可以得到文章的标题，...
cors-anywhere解决访问微信跨域问题
m0_65496547的博客
07-20 917
Iframe访问微信公众号
core-anywhere实现对微信公众号文章的跨域处理
qq_36893984的博客
09-03 967
公司需求：公众号文章分享： 分享到微信正常，但是想要在iframe里面打开微信公众号文章，会报错，跨域问题，微信的限制； 然后网上大牛成熟的方法：core-anywhere，具体的原理就是把公众号文章里面的内容爬出来，然后前端将其渲染在页面中 代码： 本文是使用的jq，首先是通过ajaxProfilter对请求的url进行拼接，可以理解为请求拦截器，其实我感觉这个好像没什么必要，可能是因为是官方的demo,所以都是这样子写的，因为公众号的文章必须用https来搞，所以感觉这些判断都并没有什么用
微信公众号网页版，获取用户code时出现跨域问题的解决办法之一
qq_42503333的博客
08-19 8083
前提是微信公众号后台设置没有问题。 网页授权域名不要设置有问题 根据微信[官方文档] 第一步：用户同意授权，获取code 在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），引导关注者打开如下页面： https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&a
h5企微插件之WeixinJSBridge、iframe通过cors-anywhere加载微信文章实践
weixin_43760969的博客
03-11 1898
h5之WeixinJSBridge、iframe通过cors-anywhere加载微信文章实践
微信公众号嵌套html,VUE项目嵌入微信公众号文章URL
weixin_42366954的博客
06-05 2873
VUE项目嵌入微信公众号文章URL因项目需求需要引入微信公众号的文章页面，使用iframe标签引入会导致微信公众号的css和js引用发送跨域报错解决思路1：在后端直接请求微信公众号的文章URL，执行css和js后的HTML返回到前端2：前端直接v-html显示到页面上即可后端代码引入包：net.sourceforge.htmlunithtmlunit2.45.0Java代码：@GetMapping...
微信公众号开发的时候,微信开发者工具需要进行跨域设置
weixin_47873655的博客
06-24 864
微信公众号开发的时候,微信开发者工具需要进行跨域设置
pc端引入微信公众号文章
weixin_30826761的博客
06-24 1002
最近做了一个小需求，结果坑特别多。。。。。 需求是这样的，要给公司内部做一个微信公众号广告投票系统，整个项目就不多赘述了，有个小功能，要求是这样的： 点击某条记录后的“投票”按钮，在当前页面弹出弹窗显示文章内容（读取文章url，需要正确展示文字、图片、排版等），保持3分钟，这期间在当前页面上不可进行任何操作，不可投票也不可关闭文章。3分钟后，文章下方的投票区域可用，点击“提交”按钮时，校...
解决iframe嵌套微信公众号文章图片不显示的方案
AloneAsFoam的博客
08-14 1万+
微信公众号分享出来的文章有自带防盗功能 , 所有的初始img链接都是写在date-src属性中,当链接打开时会自动判断当前页面是不是在最上层地址,当在最上层地址打开的时候才会把date-src替换成src,图片才能正常显示 我们可以绕过iframe的解析过程来实现渲染图片: $.ajaxPrefilter( function (options) { if (options.crossDomain...
iframe 嵌入第三方网站跨域，此图片来自微信公众平台 未经允许不可引用
aaagjy的博客
12-17 3439
1.使用cors-anywhere跨域问题 <iframe id="iFrame" style="width: 100%; height: 100%" frameborder="0" /> getUrl(url) { const http = window.location.protocol === 'http:' ? 'http:' : 'https:' // 调用跨域API let realurl = http + '//cors-anywhere.herokuapp.com/
解决微信网页授权跨域问题
qq_38238625的博客
09-26 2万+
最近在做一个微信网页版的小游戏，在获取用户数据的时候遇到了跨域的问题。 首先说明一下微信网页授权的机制，你的网页授权入口应该是类 似“https://open.weixin.qq.com/connect/oauth2/authorize? appid=wxbdeafce2a5d59561&redirect_uri=https%3a%2f%2fsaima.bidongtu.cn%2frenzh
跨域请求与微信开发
heartOfblack 离开了电脑，我不希望我还有病
03-29 6421
什么是跨域请求跨域是浏览器的一个同源策略的问题而衍生的需求，跨域请求是指服务器A的页面去请求服务器B的资源，而服务器A.B之间只要域名、端口号、IP不同都属于跨域而浏览器没有对SCRIPT，IMG等包含SRC属性的标签做同源策略的限制，因此有了一个JSONP的非官方协议，其原理是服务器A去访问服务器B的JS文件（这里不存在跨域限制），服务器B的JS文件去获取同源下面的资源，并把数据一并返回到服务器A
vue微信公众号授权页面获取openid、跨域
a1034386099的博客
03-17 1万+
微信公众号开发需要获取用户的openid，根据微信公众号的官方文档说明，需要做以下几个准备工作 1.开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”。注意：不能是ip地址 2.配置域名是要求在web服务器中有微信提供的能访问到的文件，所以还需要一个web服务器，如下图 第一步：跳转到授权页，获取code let u...
微信授权存在的跨域问题以及解决方法
热门推荐
Smileyan's blog
09-06 3万+
【问题描述】 在前后端彻底分离的情况下，当我们的前端通过Ajax访问某个后台提供的接口地址的时候，浏览器会提示错误（通过查看控制台查看），并且不能看到微信授权后的结果。总而言之就是出现了跨域问题。 【第一种解决方法】 后台代码不要企图一次性完成所有的授权服务并且直接返回一个包含授权成功后获得的用户信息的Json数据，因为这样做虽然后台容易实现了但是前端却会遇到跨域的问题。 解决方法就是分步...
微信公众号解决跨域
岁月如歌去，十年弹指间
09-13 1302
--disable-web-security --allow-running-insecure-content
微信公众号开发跨域问题
最新发布
04-24
微信公众号开发中，跨域问题是指在前端页面通过Ajax请求后端接口时，由于请求的域名与接口所在的域名不一致，导致浏览器拒绝发送请求的情况。为了解决这个问题，可以采取以下几种方法： 1. 设置后端接口的响应头：在后端接口的响应头中添加Access-Control-Allow-Origin字段，允许指定的域名进行跨域请求。例如，可以设置为"*"表示允许所有域名进行跨域请求。 2. 使用代理服务器：可以通过在自己的服务器上设置代理，将前端页面的请求发送到后端接口，并将响应返回给前端页面。这样前端页面就可以绕过跨域限制。 3. JSONP跨域请求：JSONP是一种利用<script>标签进行跨域请求的方法。通过在前端页面中创建一个<script>标签，将请求的URL作为src属性值，并定义一个回调函数来处理返回的数据。 4. CORS跨域请求：CORS（Cross-Origin Resource Sharing）是一种现代浏览器支持的跨域解决方案。通过在后端接口中设置响应头中的Access-Control-Allow-Origin字段，指定允许跨域请求的域名。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值