M3U8关于跨域访问,无法播放解决办法

阿里oss跨域访问无法播放解决办法

如果是自定义的域名,如图https://help.aliyun.com/document_detail/199430.html?spm=5176.smartservice_service_robot-chat.0.0.5a1b3cdauKcHul#task-2010470

其他参考https://help.aliyun.com/document_detail/62950.html

重点方法:如果是默认域名配置如下,在跨域设置里允许所有来源

播放服务器里的m3u8提示跨域错误

宝塔面板apache环境下的解决办法

在httpd.conf找到 去掉# (这个意思是在 “apache管理-配置修改” 里找到这句话 去掉前面的#

LoadModule headers_module modules/mod_headers.so

然后在 独立域名配置 加入

Header set Access-Control-Allow-Origin *
* 也可以是指定域名  表示这个域名可以被跨域访问
<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/*/*"
    Header set Access-Control-Allow-Origin *
    ServerName www.abc.com</VirtualHost>

Header set Access-Control-Allow-Origin *这一句是重点,就是把这一句在宝塔的网

站设置(站点修改)-配置文件 第三行加上这句话,表示不限制任何域名访问,也可以单独设置限制某个域名。

宝塔环境下Nginx 跨域问题Access-Control-Allow-Origin

出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的 javascript 脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。

a 页面想获取 b 页面的资源,如果 a、b 页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。比如我们在使用 CDN 时就经常会遇到跨域问题。

以宝塔 Nginx 环境来说,我们只要把下面的 Header 头指令添加到网站 b 宝塔面板「网站」>「设置」>「配置文件」==>「倒数第三行」当中保存并重载 Nginx 配置即可。

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";

如果你已经按照上面的方法在 b 网站宝塔面板 Nginx 配置文件中添加了 Header 头指令 ,那么现在你可以访问 a 网站按 F12 查看元素检查是否还存在跨域错误提示。

注意:在实际中 Access-Control-Allow-Origin 尽量不要指定为 * ,最好设置为允许访问的域名,比如:https://*.baidu.com。

参考内容

1.https://blog.csdn.net/weixin_30369041/article/details/94839571

参考内容:

https://blog.csdn.net/weixin_30369041/article/details/94839571

2.https://blog.csdn.net/chenwuai/article/details/83861087?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_request_id=1332048.8996.16194051097001863&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control

 

版权声明:
作者:loyolife
链接:https://loyolife.com/658.html
来源:loyolife | 高效工作,轻松生活~ | 悠哉知识集
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录