ajax - 请求的资源上不存在“Access-Control-Allow-Origin”标头。服务器端问题还是前端？

Question

我编写此代码将音频文件上传到服务器并获得响应。但问题是它给了我这个错误。首先用户选择一个音频文件并点击提交。它应该被发送到 api 地址。它将在那里处理，然后服务器发回响应。服务器端有问题吗？

   <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"> 
   </script>

    <p>
    <input type="file" name="file" id="filechooser" />
    </p>    
    <p>
    <input type="submit" value="Submit" name="submit" onclick="uploadFile()" />
    </p>
  
<script>
 
        
  function uploadFile() {
    var blobFile = $('#filechooser').val();
    var formData = new FormData();
    var headers = new Headers();

    formData.append("fileToUpload", blobFile);
    headers.append('Accept', 'application/json');
    headers.append('Content-Type', 'multipart/form-data');

    $.ajax({
       url: "http://...../getAudio",
       type: "POST",
       headers:headers,
       mimeType: "multipart/form-data",
       data: {"file": formData},
       processData: false,
       contentType: false,
       enctype: 'multipart/form-data',

       success: function(response) {
          console.log("success");
           console.log(data);
       },
       error: function(jqXHR, textStatus, errorMessage) {
           console.log("error: "+errorMessage); // Optional
           console.log("error");
           //console.log(data);
       }
    });
}
</script>```

标签： ajaxapi