所以我试着把烧瓶服务器连接到前端的create react应用。现在我只想验证我是否可以在两者之间发送json。下面是每个错误的代码以及对错误的更多描述。
创建React应用程序获取
import React, { Component } from 'react';
import './App.css';
export default class App extends Component {
constructor() {
super()
this.state = {
pyResp: []
}
}
fetchHelloWorld() {
console.log("fetching python localhost");
fetch('http://localhost:5000/', {
method: 'GET',
mode:'no-cors',
dataType: 'json'
})
.then(r => r.json())
.then(r => {
console.log(r)
this.setState({
pyResp: r
})
})
.catch(err => console.log(err))
}
render() {
return (
<div className="App">
<h1>Blockchain Voter</h1>
<p>
{this.state.pyResp}
</p>
<button onClick={() => this.fetchHelloWorld()}>Python</button>
</div>
);
}
}
烧瓶服务器
from flask import *
from json import *
app = Flask(__name__)
@app.route('/')
def hello_world():
jsonResp = {'jack': 4098, 'sape': 4139}
print(jsonify(jsonResp))
return jsonify(jsonResp)
if __name__ == '__main__':
app.run(debug=True)
我得到这个错误(在chrome控制台中)
Unexpected end of input(…)
我可以在Chrome的Networks选项卡中看到json,它似乎在解析时出错。
这是一个flask语法错误(即没有正确发送)、一个javascript解析错误(即我犯了一些我看不到的简单错误)还是一个我不理解的create-react-app错误。
目前没有回答
相关问题 更多 >
编程相关推荐