javascript - 调用ajax调用localhost时出现Access-Control-Allow-Origin错误

Question

我正在尝试通过 GET 方法发送请求，并从以下 URL 中托管的服务器获取 JSON 响应。我需要发送这样的获取请求。

http://localhost:9763/services/PMT_Dashboard/getid/222

我编写了一个 HTML 页面，并将其包含在包含 ajax 调用的 javascript 文件中。代码如下。

function loadDoc(){
$.ajax({
        url: 'http://localhost:9763/services/PMT_Dashboard/getid/222',
        beforeSend: function(xhr) {
             xhr.setRequestHeader("Accept", "Application/json")
        }, success: function(data){
            alert(data);
        }
})}

但是在控制台中，它显示以下错误，

index.html:1 XMLHttpRequest cannot load http://localhost:9763/services/PMT_Dashboard/getid/222. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

请帮我解决我的错误，并给我一个解决方案来解决这个问题。 我想在本地运行服务器和客户端。

Answer 1

如果在 JS 中实现，请将以下代码段放入 API 代码中 (localhost:9763/services/PMT_Dashboard/getid/222)。

if (request.method === 'OPTIONS') {
    response = response.set('Access-Control-Allow-Origin', '*')
      .set('Access-Control-Allow-Methods', 'GET, POST, PUT');
  }