使用 CloudFlare 会导致一部分跨域问题,使某些链接无法正常加载,不过最终还是找到了解决方案,记录一下。

image-37.png

方法:

在域名左侧选择规则->转换规则

image-10.png

选择修改响应头

image-11.png

具体配置如下图所示:

image-12-1024x765.png

参考添加内容:

const corsHeaders = {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
        "Access-Control-Allow-Headers": "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization',
}