javascript - 如何在 fetch api 调用中处理 json 以外的值

Question

I want to send json data to API AND GET A STRING VALUE WILL IT BE POSSIBLE 

我有一个返回值(不是 json 类型)的 Node js API:

res.send(code);

在 reactjs 中，我通过以下方式使用 fetch api，

  const options = {
  method: "POST",
  headers: {
    "Content-Type": "application/json"

  },
  body: JSON.stringify({ url: this.state.url })
};

fetch("http://localhost:3000/messages", options)
  .then(response => response)
  .then(data => {
    console.log(data)
    this.setState({ code: data.code });
  });

但是我得到了一个错误

localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token h in JSON at position 0

我知道我收到这个错误是因为我没有从 api 传递 json 你能帮我解决这个错误吗 Node api中的代码

        const express = require("express");
          const app = express();
         const cors = require("cors");
            const shorten = require("../../task1/src/shorten");
          const fs = require("fs");
           app.use(cors()); // to send CORS headers.
             app.use(express.urlencoded()); 
            app.use(express.json()); // to support JSON-encoded bodies.
           const fileName = "urldata.json";

             var write = (shortcode, urlData, url) => {
                 console.log(shortcode + ":::in writing");
                var shortcode = shortcode;
                  urlData.urlcodes.push({
                          url: url,
                      shorten: shortcode
                            });

           fs.writeFileSync(fileName, JSON.stringify(urlData), (err, data) 
        => {
          if (err) console.log(err);
          console.log("written in bdy");
             });
             };

                  var filecheck = (urlData, url, shrtcd) => {
                   {
             if (!shrtcd) {
  shortcode = shorten(url);
  write(shortcode, urlData, url);
  return shortcode;
     } else {
  write(shrtcd, urlData, url);

  return shrtcd;
        }
      }

          for (var i = 0; i < urlData["urlcodes"].length; i++) {
if (urlData["urlcodes"][i].url === url) {
  shortcode = urlData["urlcodes"][i].shorten;
  return shortcode;
            } else continue;
            }
         };

       app.post("/shortcodes", function(req, res) {

          console.log(req.body)
              if (!fs.existsSync(fileName)) {
                 const data = { urlcodes: [] };
                fs.createWriteStream(fileName, "utf-8");
                  fs.writeFile(fileName, JSON.stringify(data), err => {
                        console.log(err);
                       });
                          }
             fs.readFile(fileName, "utf-8", (err, data) => {
                if (err) console.log(err);
              var urlData = JSON.parse(data);

              var code = filecheck(urlData, req.body.url, req.body.shortcode);

          res.send(code); 
                });
               });

Answer 1

"Content-Type": "application/json"

这用于客户端和服务器之间的内容协商。这会告诉服务器您是否正在发送 JSON 并接受相同格式的响应。

现在，当您请求 json 协商时，服务器将尝试将正文解析为 json 并进行处理。

在您的情况下，您发送的正文数据不是有效的 JSON。

我建议您记录正文值并使用 json 验证器 (https://jsonformatter.curiousconcept.com/) 对其进行验证，并修复该工具建议的更改，然后重试。

更改内容类型将无济于事，直到您的服务器支持为止。

希望对你有所帮助。