admin 发表于 2021-11-5 16:49:45

m3u8视频跨域播放教程-Access-Control-Allow-Origin’ header

m3u8视频跨域播放教程-解决跨域问题:Nginx提示CORS :No ‘Access-Control-Allow-Origin’ header 解决办法


2、解决方案
被CORS策略阻止的只有字体,只需要nginx配置字体跨域就可以。就不用配置其它跨域了。毕竟:Access-Control-Allow-Origin * 跨域是很危险的。

说明:nginx.conf配置Ok了,需要重启nginx。


nginx中Access-Control-Allow-Origin 其它跨域配置
添加代码:

#
# 用于nginx的开放式CORS配置
#
location / {
   if ($request_method = 'OPTIONS') {
      add_header 'Access-Control-Allow-Origin' '*';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
      #
      # 自定义标题和标题各种浏览器*应该*可以,但不是
      #
      add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
      #
      # 告诉客户这个飞行前信息有效期为20天
      #
      add_header 'Access-Control-Max-Age' 1728000;
      add_header 'Content-Type' 'text/plain; charset=utf-8';
      add_header 'Content-Length' 0;
      return 204;
   }
   if ($request_method = 'POST') {
      add_header 'Access-Control-Allow-Origin' '*';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
      add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
      add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
   }
   if ($request_method = 'GET') {
      add_header 'Access-Control-Allow-Origin' '*';
      add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
      add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
      add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
   }
}详细教程:
第一步打开宝塔,网站配置文件,拉到最下面倒数第二行以上添加,上面代码


2、注意格式对齐,



页: [1]
查看完整版本: m3u8视频跨域播放教程-Access-Control-Allow-Origin’ header