Javascript 使用axios get函数进行反应,但不影响后端
我正在与ReactJS和axios合作,将RESTful GET事件发送到我用Flask编写的后端。当我尝试这样做时,我不断收到一个Javascript 使用axios get函数进行反应,但不影响后端,javascript,reactjs,flask,Javascript,Reactjs,Flask,我正在与ReactJS和axios合作,将RESTful GET事件发送到我用Flask编写的后端。当我尝试这样做时,我不断收到一个HTTP/1.1404错误 我的代码如下所示: export default class BasicJS_wrapper extends React.Component{ constructor(){ super() this.getJobs() } getJobs(){ <h1>Test</h1>
HTTP/1.1404
错误
我的代码如下所示:
export default class BasicJS_wrapper extends React.Component{
constructor(){
super()
this.getJobs()
}
getJobs(){
<h1>Test</h1>
axios.get('http://127.0.0.1:5002/api/v1/jobs/')
.then((res) => { console.log(res); })
.catch((err) => { console.log(err); })
}
render(){
return (
<div className="container">
<h1>Node Jobs</h1>
</div>
)
}}
ReactDOM.render(<BasicJS_wrapper/>,document.getElementById('root'));
@app.route("/api/v1/jobs")
def tester():
return "query"
if __name__ == '__main__':
app.run(port=5002, debug=True)
我在Flask控制台中得到的错误如下所示:
"GET /api/v1/jobs/ HTTP/1.1" 404 -
非常感谢您的任何帮助您能否尝试在
@app.route(“/api/v1/jobs”)
中添加一个尾随斜杠?相反,如果这不起作用,则从axios.get()中删除尾部斜杠http://127.0.0.1:5002/api/v1/jobs/“)
?应该是@app.route(“/api/v1/jobs/”),末尾用斜杠@app.route(“api/v1/jobs/”)结尾的斜杠起了作用,从404改为200。但是我仍然无法在console.log中查看输出。能否显示您的包.json
,您的应用程序是否在同一端口上运行?i、 e:5002
?