一、后端模板渲染的方式,不需要處理,不會存在跨域問題
二、如果是前后端分離項(xiàng)目在nginx中配置跨域
-
1、
m3u8
文件存放在服務(wù)器地址為`/home/video-api/public/uploads/video -
2、修改
nginx
的配置location /uploads/video { types { application/vnd.apple.mpegurl m3u8; video/mp2t ts; } root /home/video-api/public; add_header Cache-Control no-cache; # 加上這句可以處理跨域 add_header Access-Control-Allow-Origin *; }
-
3、客戶端在
js
代碼里面輸入視頻地址http://【ip或者域名】/uploads/video/1686034066126185.m3u8
-
4、解析文章來源:http://www.zghlxwxcb.cn/news/detail-706447.html
-
當(dāng)前前端請求
uploads/video/xx
文件的時(shí)候,到了nginx
中匹配到規(guī)則,會直接將當(dāng)前請求的uploads/video/xx
拼接到nginx
中配置的root
目錄的后面,最終的訪問服務(wù)器上的地址是/home/video-api/public/uploads/video/xx
文章來源地址http://www.zghlxwxcb.cn/news/detail-706447.html
到了這里,關(guān)于處理前端訪問m3u8視頻文件出現(xiàn)跨越問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!