weixin_42892965 2023-02-28 10:34 采纳率: 41.2%
浏览 75
已结题

使用nginx-rtmp 导致跨域的问题

使用nginx-rtmp 导致跨域的问题

img


请问下该怎么配置才可以正常

img


是不是vue的配置文件也要改一下

  • 写回答

3条回答 默认 最新

  • 「已注销」 2023-02-28 10:55
    关注

    参考GPT和自己的思路,这个错误提示是由于跨域请求被浏览器拦截导致的。在浏览器中,JavaScript 脚本的跨域请求通常会受到同源策略的限制,即不能从一个域名的页面中通过 JavaScript 直接访问另一个域名的资源。

    为了解决这个问题,你需要在 nginx 的配置文件中添加一些 CORS 相关的设置,允许跨域请求访问你的资源。具体的做法是在 HTTP Server 的配置中添加如下内容:

    location /hls {
        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';
        types {
            application/vnd.apple.mpegurl m3u8;
            video/mp2t ts;
        }
        alias temp/hls;
        expires -1;
    }
    

    这里的 add_header 指令用于添加 HTTP 响应头,将 CORS 相关的信息添加到 HTTP 响应中,告诉浏览器该资源允许哪些跨域请求访问。

    需要注意的是,使用通配符 * 开放所有来源(即 Access-Control-Allow-Origin *)可能存在安全风险,建议按照实际需求指定具体的来源。

    另外,你的代码中似乎存在一些拼写错误和语法问题,例如 his fraoment 8s: 和 expires -l;。建议检查一下这些地方的拼写和语法是否正确。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • MarkHan_ 2023-02-28 10:52
    关注

    该回答引用GPTᴼᴾᴱᴺᴬᴵ
    这个配置文件中并没有明显的跨域配置,如果你的应用需要跨域访问,可以在Nginx配置文件中添加CORS(跨域资源共享)配置。以下是一个简单的示例,你可以将其添加到Nginx的配置文件中:

    http {
        ...
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        ...
    }
    
    
    

    这个配置将允许所有域名访问你的应用,并允许GET、POST和OPTIONS请求。另外,它也会允许一些常见的HTTP头部。

    请注意,这个配置是一个简单的示例,你可能需要根据你的实际需求进行调整。

    评论
  • CSDN-Ada助手 CSDN-AI 官方账号 2023-02-28 12:02
    关注
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月8日
  • 已采纳回答 2月28日
  • 修改了问题 2月28日
  • 赞助了问题酬金15元 2月28日
  • 展开全部

悬赏问题

  • ¥15 matlab+波形匹配算法
  • ¥15 转录组分析做聚类树图时癌旁组被分到了癌组
  • ¥15 大一Python字典
  • ¥15 multisim电路设计(相关搜索:设计报告)
  • ¥15 PC-lint Plus
  • ¥15 gpl24676注释
  • ¥15 php5.3内存泄露
  • ¥15 DigSilent如何复制复合模型到自己案例?
  • ¥15 求日版华为b610s-77a 官方公版固件,有偿
  • ¥15 关于#java#的问题,请各位专家解答!(相关搜索:java程序)