使用 fetch 从 flask api 获取简单字符串

Question

我正在尝试将我的 flask api 连接到我的反应应用程序，我想要的只是在反应应用程序上显示我从 flask 返回的字符串。

这样做时，我使用了 useEffect()，但我的 react 变量没有改变，只是保留了原来的 state。 当我使用 console.log 查看我传递给变量的值时，它显示一条错误消息“未捕获（承诺中）SyntaxError：Unexpected token < in JSON at position 0”。

App.js 看起来像：

import React, {Component, useState, useEffect} from 'react';
import './App.css';


function App() {
  const [block, setBlock] = useState(0);

  useEffect(() => {
    fetch('/video').then(res => res.json()).then(data => {
      setBlock(data.text);
      console.log(data.text);
    });
  }, []);

  return (
    <div className="App">
      <header className="App-header">
        <p>Text: {block}</p>
      </header>
    </div>
  );
}


export default App;

烧瓶的一部分（flask.py）：

@app.route('/video')
def video():
    return {'text': text}

任何见解将不胜感激！

Answer 1

如果您想从 Flask 路线返回 JSON ，请使用flask.jsonify 。

from flask import jsonify
@app.route('/video')
def video():
   return jsonify({'text': text})