时间戳

首页 > 解决方案 > 如何解决从 javascript 中的不同 url 获取 json 数据的跨域问题？

javascript - 如何解决从 javascript 中的不同 url 获取 json 数据的跨域问题？

问题描述

我正在尝试从 URL 获取 JSON 数据，但它给了我一个错误（Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://core.agricx.com/api/Apiagricx/get_config_test。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

后端代码（节点 js）

app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});

前端代码（dashboard.js）

fetch('https://core.agricx.com/api/Apiagricx/get_config_test', {
    method: "GET",
    credentials: "include",
    cache: "no-cache"
})
.then(response => response.json())
.then(out => {
   console.log("for out");
   console.log(out);
})
.catch(err => {
   console.log("for err");
   console.error(err);
});

我希望您可以在直接输入 URL 时看到 JSON 数据输出。但是代码将进入 catch 块并阻止我从该 URL 获得的响应。

标签： javascriptnode.js

解决方案

一个简单的方法是使用 node.js 包cors。

安装包，并在您的或任何您的节点代码cors的开头包含以下代码。server.js

var cors = require('cors')

var app = express()
app.use(cors())

有关更多详细信息和配置选项，请参阅相关的 npm 页面。

推荐阅读