带有jQuery getJSON的'Access-Control-Allow-Origin' [重复]

Question

我知道关于 SO 的问题不乏CORS，但在这种情况下没有一个可以帮助我：

我想使用这个 jQuery sn-p 从本地主机后端获取 JSON 数据：

var SERVER_URL = "http://127.0.0.1:8080";

$.getJSON(SERVER_URL,function(result){
    console.log("result is", result);
  $.each(result, function(i, field){
    $("div").append(field + " ");
      });
    });

sn-p 被加载到index.html，它使用这个简单的节点静态文件服务器在http://localhost:3000/index.html 上运行：

var connect = require('connect');
var serveStatic = require('serve-static');
connect().use(serveStatic(__dirname)).listen(3000, function(){
    console.log('Server running on 3000...');
});

但在 Chrome 控制台中我得到：

Failed to load http://127.0.0.1:8080/: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我在 Firefox 中遇到了同样的问题。

我该如何解决这个问题？

Answer 1

你应该在你的服务器上设置标题Access-Control-Allow-Origin: *。 您应该做的方式取决于您的服务器端语言。

例如：PHP

<?php
header('Access-Control-Allow-Origin: *'); 
?>

Answer 2

安装cors包

npm install cors

并像这样使用

var cors = require('cors');

const corsOptions = {
  methods: "GET,HEAD,OPTIONS,PUT,PATCH,POST,DELETE",  // use to manage api cross origin error
  origin: '*'
}

或

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})

app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})

运行此命令它将打开新的 chrome 并在此处运行您的代码

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security