为什么 Flask 让我把 @app.route("/interior.html") 放在 route 而不是 @app.route("/interior")

Question

I am building a website with a booking page that requires me to put the data into a database so I am using python Flask app.

I know that in the @app.route I am only supposed to put @app.route("/exterior") however, whenever I try it using this method I get 404 Page Not Found. Instead I have to put @app.route("/exterior.html"). This is the only way it will work. I believe I have all the correct libraries and I have defined everything correctly; but, it only works if I put.html in the @app.route.

I have researched @app.routes and it only tells me the correct method which I know is @app.route("/exterior"); however, the only thing that works is @app.route("/exterior.html"). If anyone can tell me why this is happening that would be appreciated.

Here is my code.

import os

from cs50 import SQL
from flask import Flask, flash, jsonify, redirect, render_template, request, session
from datetime import datetime

# Configure application - turn this file into a Flask application -
app = Flask(__name__)

# Ensure templates are auto-reloaded -
app.config["TEMPLATES_AUTO_RELOAD"] = True

# Configure CS50 Library to use SQLite database
db = SQL("sqlite:///bookings.db")


@app.after_request
def after_request(response):
    """Ensure responses aren't cached"""
    response.headers["Cache-Control"] = "no-cache, no-store, must-revalidate"
    response.headers["Expires"] = 0
    response.headers["Pragma"] = "no-cache"
    return response

@app.route("/")
def index():
    return render_template("/index.html")

@app.route("/index.html")
def indexpage():
    return render_template("/index.html")

@app.route("/exterior.html")
def exterior():
    return render_template("exterior.html")


@app.route("/interior")
def interior():
    return render_template("interior.html")

if __name__ == 'main':
    app.run(debug = True)

As you can see this is resulting me having to use two routes to load my index page. Once for when I initially run flask and again, so I am able to link to the pages in my navbar.

It's also not the correct method and it bothers me that I am not able to do it correctly. Please advise.

Here is my file directory:

project
    static
        pics
        styles.css
    templates
        index.html
        interior.html
        exterior.html
        about.html
        gallery.html
        layout.html
        booknow.html
    app.py
    bookings.db
    README.md

unsure why app.py and bookings are not before static and templates and alphabetically that would make more sense; however, this is how it is displayed.

Answer 1

I copied your code and made some minor syntax fixes. below is working as normal. perhaps you could copy this and start adding back some of your functionality and see where it goes wrong.

here is the directory structure:

test_app/
    app.py
    templates/
        interior.html
        exterior.html
        index.html

and here is app.py:

import os

# from cs50 import SQL
from flask import Flask, flash, jsonify, redirect, render_template, request, session
from datetime import datetime

# Configure application - turn this file into a Flask application -
app = Flask(__name__)

# Ensure templates are auto-reloaded -
app.config["TEMPLATES_AUTO_RELOAD"] = True

# Configure CS50 Library to use SQLite database
# db = SQL("sqlite:///bookings.db")


@app.after_request
def after_request(response):
    """Ensure responses aren't cached"""
    response.headers["Cache-Control"] = "no-cache, no-store, must-revalidate"
    response.headers["Expires"] = 0
    response.headers["Pragma"] = "no-cache"
    return response

@app.route("/")
def index():
    return render_template("index.html")

@app.route("/index/")
def indexpage():
    return render_template("index.html")

@app.route("/exterior/")
def exterior():
    return render_template("exterior.html")


@app.route("/interior/")
def interior():
    return render_template("interior.html")

if __name__ == '__main__':
    app.run(debug = True)

this work normally for me. what about you?