使用react-player播放m3u8(hls)视频时遇到的问题

本文主要探讨在使用react-player播放m3u8(HLS)视频时遇到的跨域问题,以及在处理本地JSON文件时,封装axios公共方法后返回值获取的困扰。解决方案包括在`package.json`中设置代理来解决跨域,以及使用回调函数处理axios异步请求的结果。对于axios的异步特性,理解其返回Promise的本质有助于正确处理数据。
摘要由CSDN通过智能技术生成
  • 问题一 :视频跨域
    这个应该是比较常见的
    解决办法就是使用代理,
    在react项目中的 package.json文件中,加一个

    //目标主机地址
    "proxy": "http://xx.xx.xx.xx/"

    位置无所谓,跟name和dependencies这些属性值同级就行

  • 问题二:获取本地json文件时,封装了axios一个公共方法,结果发现返回值获取不到

    描述:axios这个插件使用时,如果在组件内部使用完全没有问题,但是如果在外部调用axios进行请求数据,就不能按照js函数的返回方式获取返回值。因为通过这种方式返回的是一个promise值,不能直接获取返回数据

解决办法:

//在成功返回数据的.then方法内回调一个函数,在函数内部获取真正的返回数据
global.ajax(option,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值