Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Heroku-未找到_Javascript_Python_Reactjs_Flask_Heroku - Fatal编程技术网

Javascript Heroku-未找到

Javascript Heroku-未找到,javascript,python,reactjs,flask,heroku,Javascript,Python,Reactjs,Flask,Heroku,(我更改了一些代码以屏蔽特定的帐户信息,我是一个初学者,不确定这是否重要,但只是更改了一些内容) 嗨,我是一个初学者,正在学习部署react+flask应用程序的教程 我已在Heroku上成功部署了我的应用程序,但当我在Heroku上查看它时,我得到: 未找到 在服务器上找不到请求的URL。如果手动输入URL,请检查拼写并重试。 以下是app.py文件: from flask import Flask, send_from_directory from flask_restful import

(我更改了一些代码以屏蔽特定的帐户信息,我是一个初学者,不确定这是否重要,但只是更改了一些内容)

嗨,我是一个初学者,正在学习部署react+flask应用程序的教程

我已在Heroku上成功部署了我的应用程序,但当我在Heroku上查看它时,我得到:

未找到 在服务器上找不到请求的URL。如果手动输入URL,请检查拼写并重试。

以下是app.py文件:

from flask import Flask, send_from_directory
from flask_restful import Api, Resource, reqparse
#from flask_cors import CORS #comment this on deployment
from api.HelloApiHandler import HelloApiHandler


app = Flask(__name__, static_url_path='', static_folder='frontend/build')
#CORS(app) #comment this on deployment
api = Api(app)

@app.route("/", defaults={'path':''})
def serve(path):
    return send_from_directory(app.static_folder, 'index.html')

api.add_resource(HelloApiHandler, '/flask/hello')

这是我的app.js:

import logo from './logo.svg';
import './App.css';
import React, { useEffect, useState } from 'react';
import axios from 'axios'

function App() {
  const [getMessage, setGetMessage] = useState({})

  useEffect(()=>{
    axios.get('https://example.herokuapp.com/flask/hello').then(response => {
      console.log("Success", response)
      setGetMessage(response)
    }).catch(error =>{
      console.log(error)
    })
  }, [])
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>React + Flask Tutorial</p>
    <div>{getMessage.status === 200 ?
      <h3>{getMessage.data.message}</h3>
      :
      <h3>LOADING</h3>}</div> 
      </header>
    </div>
  );
}

export default App;

以下是我每次访问我的站点时Heroku日志消息:

2021-05-25T03:12:30.581589+00:00 heroku[router]: at=info method=GET path="/" host=example.herokuapp.com request_id=9b7ce9-84c-17a809-78ad83d2e34 fwd="170.200.2.30" dyno=web.1 connect=0ms service=6ms status=404 bytes=400 protocol=https

谢谢

你确定
https://example.herokuapp.com/flask/hello
这是一个正确的url?是的,因为它在本地工作。事实上,url在部署的应用程序上工作得很好。只是根因为某种原因不起作用。
2021-05-25T03:12:30.581589+00:00 heroku[router]: at=info method=GET path="/" host=example.herokuapp.com request_id=9b7ce9-84c-17a809-78ad83d2e34 fwd="170.200.2.30" dyno=web.1 connect=0ms service=6ms status=404 bytes=400 protocol=https