无法发送任何 HTML 元素，除了<h1>使用 node.js (Express) 作为对 HTTPS 请求的函数响应

Question

如果我将“< h1 >”更改为任何其他 HTML 标记，例如“< h2 > 或 < p >”，则无法呈现它们。 我不知道出了什么问题。

const express = require("express");
const https = require("https");

const app = express();

// home page
app.get("/", function (req, res) {
  res.sendFile(__dirname + "/index.html");
});

app.post("/", function (req, res) {
  const queryCity = "London";
  // const queryCity = String(req.body.cityName);
  const apiKey = "lorem";
  const url =
    "https://api.openweathermap.org/data/2.5/weather?q=" +
    queryCity +
    "&appid=" +
    apiKey +
    "&units=metric";

  https.get(url, function (response) {
    response.on("data", function (data) {
      const weatherData = JSON.parse(data);

      const temp = weatherData.main.temp;
      const feel = weatherData.main.feels_like;
      const weatherIcon = weatherData.weather[0].icon;
      const iconUrl =
        "https://openweathermap.org/img/wn/" + weatherIcon + "@2x.png";

      res.write(
        "<h1>Temperature in " + queryCity + " is " + temp + "deg Celsius.</h1>"
      );
      res.write("It feels like " + feel + "deg Celsius.");
      res.write("<img src=" + iconUrl + ">");
      res.send(); // there can only be one res.send()
    });
  });
});

// server port
app.listen(3000, function () {
  console.log("Server live on port 3000");
});

这就是当我将 h1 更改为 h2 或 p 时会发生的情况。 img 标签也失败了。 我在这里做错了什么？

Answer 1

这段代码永远不会失败：

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

app.get('/', function(req, res) {
  res.type('text/html');
  res.send('<h1>I am html</h1>');
});

app.listen(process.env.PORT || 8080);

尝试使用此基本代码测试您的 html 生成，以确保错误不是 nodejs 问题。

另一个提示：

像我的例子一样将res.write替换为res.send
不要多次调用res.write ，只需一次发送先前用您的 html 行创建的字符串
将内容类型 text/html 添加到您的回复中

Answer 2

之前也有这个错误。 能够通过在第一个res.write上添加一个 html 标签来修复它。

使用你的代码，它会是这样的；

res.write(
    "<html><h1>Temperature in " + queryCity + " is " + temp + "deg Celsius.</h1></html>"
  );

无法发送任何 HTML 元素，除了<h1>使用 node.js (Express) 作为对 HTTPS 请求的函数响应

问题描述

2 个解决方案

解决方案1
0 2020-08-30 17:12:58

解决方案2
0 2021-01-26 16:32:06

无法发送任何 HTML 元素，除了<h1>使用 node.js (Express) 作为对 HTTPS 请求的函数响应

问题描述

2 个解决方案

解决方案1 0 2020-08-30 17:12:58

解决方案2 0 2021-01-26 16:32:06

解决方案1
0 2020-08-30 17:12:58

解决方案2
0 2021-01-26 16:32:06