为音频标签获取 403(禁止访问)

Get 403 (Forbidden) for audio tag

我正在使用以下 JavaScript 代码在完成 ajax 后播放音频:

$(document).ready(function () {
            $.ajaxSetup(
                    {
                        cache: false,
                        complete: function () {
                            $('#loading').hide();
                            $('#page_content').show();

                            //get gold price and compire timestamp
                            var published_date = $("#goldprice").data("published");
                            var currend_date = Math.floor(Date.now() / 1000);
                            var compare_date = currend_date-published_date;
                            if( compare_date <= 10){
                                document.getElementById('ding').play();
                            }
                        }
                    });
            setInterval(function () {
                $("#page_content").load('index-content.php')
            }, 5000);
        });

音频标签:

<audio id="ding" src="assets/audio/ding.mp3" preload="auto"></audio>

在本地主机上运行良好。但它不能在线工作。我检查了如下权限:

文件夹: 音频文件:

如何解决这个问题?

如果在index-content.php请求中出现403错误,那是因为你没有为这个文件设置正确的权限。

index-content.php设置777(仅为示例),例如:

  1. 转到您的项目文件夹

    cd /etc/var/www/project
    
  2. 设置需要的权限

    chmod 777 -R index-content.php
    

检查服务器的设置或安装的模块,例如 modSecurity