ESP TCP 服务器 COR 访问控制允许来源错误答案

【问题标题】：ESP TCP servers COR Access-Control-Allow-Origin ErrorESP TCP 服务器 COR 访问控制允许来源错误
【发布时间】：2021-07-29 20:17:39
【问题描述】：

我有两个 wemos d1 mini，它们都连接到我的路由器并创建单独的 TCP 服务器，我想从服务器 2 中的服务器 1 中提取 LDR 数据。我正在使用 http GET 尝试检索数据，但是由于我的服务器是独立的，我得到 COR No 'Access-Control-Allow-Origin' header is present on the requested resource.

我尝试添加：

server.sendHeader("Access-Control-Allow-Origin", "*");

我能想到但无法解决问题的所有地方。任何帮助表示赞赏。谢谢！（代码由 Rui Santos 修改：https://randomnerdtutorials.com/esp32-dht11-dht22-temperature-humidity-web-server-arduino-ide/）

#include "ESPAsyncWebServer.h"
#include "ESPAsyncTCP.h"
#include "ESP8266WiFi.h"

// Replace with your network credentials
const char* ssid = "WiFi";
const char* password = "Pass";

int LDRpin = A0;
// Create AsyncWebServer object on port 80
AsyncWebServer server(80);

String readLDR(){
  return String(analogRead(LDRpin));
}



const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <title> LDR value</title>
  <style>
    html {
     font-family: Arial;
     display: inline-block;
     margin: 0px auto;
     text-align: center;
    }
    h2 { font-size: 3.0rem; }
    p { font-size: 3.0rem; }
    .units { font-size: 1.2rem; }
    .ldr-labels{
      font-size: 1.5rem;
      vertical-align:middle;
      padding-bottom: 15px;
    }
  </style>
</head>
<body>
  <h2>ESP8266 LDR</h2>

  <p>
    <i class="far fa-lightbulb"></i>
    <span class="ldr-labels">Ldr</span>
    <span id="ldr">%LDR%</span>
  </p>
  
</body>


<script>
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      server.sendHeader("Access-Control-Allow-Origin", "*");
      document.getElementById("ldr").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/ldr", true);
  xhttp.send();
}, 100 ) ;

</script>
</html>)rawliteral";

// Replaces placeholder with DHT values
String processor(const String& var){
  //Serial.println(var);
  if(var == ":LDR"){
    return readLDR();
  }
  return String();
}

void setup(){
  // Serial port for debugging purposes
  Serial.begin(115200);
  // Connect to Wi-Fi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(100);
    Serial.println("Connecting to WiFi..");
  }

  // Print ESP32 Local IP Address
  Serial.println(WiFi.localIP());

  // Route for root / web page
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/html", index_html, processor);
  });
  server.on("/ldr", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", readLDR().c_str());
  });

  // Start server
  server.begin();
}
 
void loop(){
  
}

【问题讨论】：

CORS 标头需要设置在服务器，而不是客户端。
不太清楚你的意思，因为有两台服务器。所以连接到 LDR 的 ESP 做一个服务器来存储和更新 LDR 值，另一个 ESP 的服务器使用 https GET 来检索数据。
CORS 标头需要在为请求准备响应的服务器代码中设置，而不是在浏览器 JavaScript 代码中设置。
我得到 Class AsyncWebServer has no member named sendHeader.
我错过了图书馆吗？

标签： javascript tcp

【解决方案1】：

好吧，我发誓我尝试了这百万次，但无论是什么原因，它当时都不起作用，现在它起作用了...... 我补充说：

DefaultHeaders::Instance().addHeader("Access-Control-Allow-Origin", "*");

工作就像一个魅力

【讨论】：