阿里云oss存储视频加防盗链导致ios端微信小程序无法正常播放的问题

留个脚印

近期有微信小程序的视频播放需求，功能完成后经测试发现andriod系统可以播放，但是ios系统视频无法正常播放，阿里云的Referer白名单也配置了，逐步排查定位后发现ios端的请求中未将Referer信息传递过去。AI说iOS系统出于隐私保护的考虑，可能会限制某些信息的传递，包括Referer头部。哦哦哦…
问题的根源就是ios不传referer信息，哦哦哦，帮ios加上不就好了，那就用nginx做个代理，请求来了帮它加个Referer，没毛病。

记得先在阿里云上加Referer白名单

1、实现代理配置

配置代理地址，打开nginx的nginx.config文件（ 这里默认有了服务器+nginx）

    server {
        listen 80;
        server_name _;
        root /usr/share/nginx/html;

        # default location
        location / {
            try_files $uri$uri/ =404;
        }
       location /oss {
        # 获取请求参数中的阿里云资源地址
        set $alibaba_cloud_resource '';
        if ($query_string ~* ^alibaba_cloud_resource=(https?://[^\&]+)) {
            set $alibaba_cloud_resource $1;
        }
        # 如果阿里云资源地址参数存在，则代理请求
        if ($alibaba_cloud_resource = '') {
         # 如果参数不存在，返回错误
            return 404;
        }
        rewrite ^ / break;
        proxy_pass $alibaba_cloud_resource;
        proxy_set_header X-Forwarded-For 
         # 添加Referer头部
        proxy_set_header Referer https://servicewechat.com/xxx;
      }
    }

这里有个注意点，配置完后你访问地址会发现报502 Bad Gateway错误,说明请求未到达上有服务器，也就是超时了，或者上游服务器返回了一个不正确的响应，当然还有其他原因资源限制呀，服务过载呀这些可以排除不涉及，这里可以确定我的地址也是没问题的可以正常返回，这里就是请求到不了上游，查资料发现是未配置DNS解析器。配置如下就两行

http {
    resolver 8.8.8.8 valid=300s;
    resolver_timeout 5s;

2、启动nginx

#检查配置是否正确
nginx -t
#开始
sudo systemctl start nginx
#停止
sudo systemctl start nginx

3、小程序端

小程序端视频显示组件上的显示地址配我们的代理地址比如：

 <video  referrer-policy="origin" src="{{'http://xx.xx.xx.xx/oss?alibaba_cloud_resource='+im.ossUrl}}">
 </video>