tinymce 解决微信公众号图文消息图片跨域问题

原理

原理是把请求头的referer去掉。

某些场景HTML文件增加<meta name="referrer" content="no-referrer" />也可以解决跨域问题。

思路

通过Nginx反向代理微信图片的链接，并把请求的 referer 去掉。

Nginx反向代理

server {
    listen       8810;
    server_name localhost;

    # 指定字符集为 UTF-8
    charset utf-8;

    # https://mmbiz.qpic.cn/mmbiz_gif/NefTdbK1pb3a06nvwCX5ROeNSsd2DVOGfwAEGgpT94ZnqlYNZgvEJTU9MVU7ExGAVCpWo3rIpU7rfA71PzKaJg/640?wx_fmt=gif
    location ~ /mmbiz_(.*)/ {
        proxy_pass         https://mmbiz.qpic.cn;
        proxy_set_header   Host             "mmbiz.qpic.cn";
        proxy_set_header   Referer          "";
    }
}

访问地址

http://localhost:8810/mmbiz_gif/NefTdbK1pb3a06nvwCX5ROeNSsd2DVOGfwAEGgpT94ZnqlYNZgvEJTU9MVU7ExGAVCpWo3rIpU7rfA71PzKaJg/640?wx_fmt=gif