VUE对接微信公众号文章列表数据

最近在使用VUE开发一个PC端展示型系统，其中新闻板块客户的需求是要对接他们的公众号数据。

去微信官方开发文档查找了半天，原来是真的可以直接通过微信的接口获取到数据的！

 

 

点击放大如上图所说，我们先要获取access_token，才可发送请求获取数据，access_token是公众号的全局唯一接口调用凭据。

但是获取access_token的前提是我们需要找到公众号的appID和secret，这些都是可以通过登录微信公众号查看。

比如我的：

 

 

获取到公众号的appID和secret就可以通过接口发送请求拿到access_token，并且通过access_token获取到微信公众号的文章列表数据。

不过不要以为这样就成功了=。=

网页里引用微信公众号图片时会出现出现的"此图片来自微信公众平台, 未经允许不可引用"的问题，没想到把！！！

这个确实也是有够恶心的，我找了很久解决这个图片不显示的问题，最后发现能实现的方式有两种：

 

①加一行代码（如果无效就重新运行系统）：

<meta name="referrer" content="no-referrer" />

经试验，是没问题的，图片成功显示了！！但是这也是一个隐形的大坑，比如我正在开发的系统里有引用天地图影像，自从加了这行代码，天地图不出现并一直报错，找了很久原因才知道就是因为这行代码导致天地图请求没有请求头。

请看上图，一定要了解清楚再使用，如果没有我这种特殊情况，用这行代码处理图片，问题不大，主要是简单麻溜解决。

 

②使用images.weserv.nl方案：

直接在原图链接前拼接https://images.weserv.nl/?url=

// 例如：
https://images.weserv.nl/?url=https://www.baidu.com/img.jpg

完美解决。