Flask WebApp 404错误无法找到原因

时间:2019-07-12 09:39:11

标签: python html flask

运行webapp时出现404错误,即使将其更改为最基本的模板,该错误甚至都不允许我的错误html运行。我不知道在哪里找不到我的请求。

我尝试从base.html删除所有样式表以查看是否存在那些样式表,我尝试更改error.html以查看其是否会真正运行,我尝试注释掉html文件中的所有url_for。 / p>

我评论了一下结果,所以我不这么认为。

routes.py


    from app import app
    from flask import Flask, abort, jsonify, redirect, url_for, request, render_template
    from werkzeug.exceptions import HTTPException
    from app.results import clean_data, get_response


    @app.errorhandler(Exception)
    def handle_error(e):
        '''
        code = 500
        if isinstance(e, HTTPException):
            code = e.code'''
        print(str(e))
        return render_template("error.html")


    @app.route('/', methods=['GET', 'POST'])
    def index():
        data = clean_data(request.form)
        response = get_response(data)
        print(response)
        return render_template("index.html")

base.html


    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">


            <title>Default Scorer -- Ebury</title>
            <meta name = "viewport" content = "width=device-width", initial-scale = 1, shrink-to-fit=no">
            <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
            <!-- CSS-->
            <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
            <link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
            <!-- JS-->
            <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
            <script src="https://ebury-chameleon.s3.amazonaws.com/1.17.0/scripts/ebury-chameleon.js" type="text/javascript"></script>

        </head>

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="/">
            <img src="{{ url_for('static', filename='img/Ebury.png') }}"  width="80" height="30" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-item nav-link active" href="/"><b>Default Scorer</b> <span class="sr-only">(current)</span></a>
            </div>
            <div class="navbar-nav ml-auto">
                <a class="nav-item nav-link" href="/logout">Log out</a>
            </div>
        </div>
        </nav>

        <body>
        </body>

</html>

index.html(只有相关部分有很多形式)

{% extends "base.html" %}

{% block title %}Index{% endblock %}

{% block content %}

            <div class="m-1 pb-3"></div>

            <div class="container-fluid">
                <div class = "row">
                    <div class="col-md-3 push-md-3">
                        <div class = "m-0 pb-0">
                            <form action="" method="post" role="form" class="needs-validation" novalidate>
                                <div class="container">
                                    <div class = "form-group">
                                        <div class = "row">
                                            <div class="input-group input-group-sm mb-3">
                                                <div class="input-group-prepend">
                                                    <span class = "input-group-text">BVD ID Number</span>
                                                </div>
                                                <input type = "text" class = "form-control" id = "bvd_id_number" name = "bvd_id_number">
                                            </div>
                                        </div>
                                    </div>
                                 </div>
                              </form>
                            </div>
                         </div>
                     </div>
                  </div>
    {% endblock %}

    {% block scripts %}

    <script>
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>

    {% endblock %}

error.html


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ERROR</title>
    </head>
    <body>
        <h1>ERROR</h1>
    </body>
    </html>

所以发生的是该表单没有出现,并且似乎只显示了base.html,没有其他图标,也没有出现该图标,但是我尝试将其注释掉,这是行不通的。

打印的错误是“找不到404:在服务器上找不到所请求的URL。如果您手动输入URL,请检查拼写,然后重试”

1 个答案:

答案 0 :(得分:0)

致未来的人们:我解决了,因为base.html没有指定必须扩展的位置。正确的base.html代码为:

    <html>
        <head>
            <meta charset="utf-8">


            <title>Default Scorer -- Ebury</title>
            <meta name = "viewport" content = "width=device-width", initial-scale = 1, shrink-to-fit=no">
            <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
            <!-- CSS-->
            <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
            <link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
            <!-- JS-->
            <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
            <script src="https://ebury-chameleon.s3.amazonaws.com/1.17.0/scripts/ebury-chameleon.js" type="text/javascript"></script>

        </head>

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="/">
            <img src="{{ url_for('static', filename='img/Ebury.png') }}"  width="80" height="30" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-item nav-link active" href="/"><b>Default Scorer</b> <span class="sr-only">(current)</span></a>
            </div>
            <div class="navbar-nav ml-auto">
                <a class="nav-item nav-link" href="/logout">Log out</a>
            </div>
        </div>
        </nav>

        <body>
        {% block content %}
        {% endblock %}
        </body>
{% block scripts %}
{% endblock %}
</html>```