图片代理设置Flask + JavaScript

问题描述

如果原本是请求http://www.example.com/image1.png图片的话，现在改为请求https://www.petal.social/image/www.example.com/image1.png 得到图片，那么就需要做一个image proxy
（请求图片的时候往我们自己的服务器请求，然后我们的服务器请求http的图片，把http的结果以https的方式返回给网站）

思路

首先，在本地增加一个API，用于前端请求，返回修改后的图片URL

具体实现

前端

原始版本：

showImage(url) {
   
    if (url.startsWith('http://')) {
   
        if (url.includes('qpic.cn') || url.includes('gtimg.cn')) {
   
            return url.replace('http://'