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

admin

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 其它跨域配置
添加代码：

1. #
   
2. # 用于nginx的开放式CORS配置
   
3. #
   
4. location / {
   
5.      if ($request_method = 'OPTIONS') {
   
6.         add_header 'Access-Control-Allow-Origin' '*';
   
7.         add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
   
8.         #
   
9.         # 自定义标题和标题各种浏览器*应该*可以，但不是
   
10.         #
    
11.         add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
    
12.         #
    
13.         # 告诉客户这个飞行前信息有效期为20天
    
14.         #
    
15.         add_header 'Access-Control-Max-Age' 1728000;
    
16.         add_header 'Content-Type' 'text/plain; charset=utf-8';
    
17.         add_header 'Content-Length' 0;
    
18.         return 204;
    
19.      }
    
20.      if ($request_method = 'POST') {
    
21.         add_header 'Access-Control-Allow-Origin' '*';
    
22.         add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    
23.         add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
    
24.         add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
    
25.      }
    
26.      if ($request_method = 'GET') {
    
27.         add_header 'Access-Control-Allow-Origin' '*';
    
28.         add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    
29.         add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
    
30.         add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
    
31.      }
    
32. }

复制代码

详细教程：
第一步打开宝塔，网站配置文件，拉到最下面倒数第二行以上添加，上面代码


2、注意格式对齐，