尝试从 url 获取文本文件数据时没有“Access-Control-Allow-Origin”

Question

我的网站包含主站点索引分析。 早些时候我在https://www.status.webcoder.sk 上的 PHP 中有它，但现在我试图在https://www.webcoderstatus.herokuapp.com 上的 nodejs 中做到这一点，但我有 1 个问题。

从 url 的文本文件中获取数据在 php 中没有问题，但是当我尝试使用 JavaScript 时，CORS 策略有问题。

我的代码是：

        function getText(){
            var request = new XMLHttpRequest();
            request.open('GET', 'https://www.webcoder.sk/config/devices.txt', true);
            request.send(null);
            request.onreadystatechange = function () {
                if (request.readyState === 4 && request.status === 200) {
                    var type = request.getResponseHeader('Content-Type');
                    if (type.indexOf("text") !== 1) {
                        return request.responseText;
                    }
                }
            }
        }
        $(document).ready(function() {
            var devices = getText();
            console.log(devices);
        });

这是错误信息： （索引）：1 从源“https://webcoderstatus.herokuapp.com”对“https://www.webcoder.sk/config/devices.txt”处的 XMLHttpRequest 的访问已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

Answer 1

问题

此错误是因为您的后端和前端位于不同的位置（也称为起源）。您的后端托管在https://www.webcoder.sk，您的前端托管在https://webcoderstatus.herokuapp.com。出于安全目的，浏览器会阻止跨不同来源的数据访问，并默认实施same-origin policy 策略。

解决方案

您需要做的是启用Cross Origin Resource Sharing，它只是告诉浏览器让运行在一个来源（域）的Web应用程序有权访问来自不同来源的服务器的选定资源。

如果您可以控制托管在 https://www.webcoder.sk 的后端 node.js 服务，那么这是添加 CORS 支持的简单方法。

• 首先将cors npm 包添加到您的node.js 后端，

npm install --save cors

• 然后像这样将中间件添加到您的启动文件中，

const express = require('express');
const cors = require('cors');

const app = express();
app.use(cors());

/*The rest of your routes*/