我在我的烧瓶程序中链接了两个基本的 html 文件，第一页 home.html 成功出现，但是当我导航到 about.html 页面时，我收到此消息。 在服务器上找不到请求的 URL。如果您手动输入网址，请检查拼写并重试。
这是我的家.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello backend</title>
</head>
<body>
<h1>Hello Backend!</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor libero commodi temporibus quasi tempora id soluta, maxime accusantium provident porro laborum? A autem, hic excepturi porro cumque numquam voluptatibus cupiditate dolorem, sequi nam praesentium. Quos saepe eius maxime eaque, unde culpa recusandae cumque illum ullam. Voluptates culpa dolore accusamus corrupti non quo rerum tempora distinctio labore, totam odit. Vitae magnam nulla facilis tempora eos accusantium similique iure. Suscipit iste nihil iure dolorem provident. Nostrum corrupti, magnam, perspiciatis minima illum doloribus molestias recusandae libero ipsa sit temporibus veritatis quos possimus voluptates. Eum excepturi corrupti perspiciatis vel ad doloribus in velit sapiente!</p>
<a href="about.html" target="_blank">Go to about</a>
</body>
</html>
这是我的about.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
</head>
<body>
<h1> Osama Abdul Qader </h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis ullam tempora, ducimus atque vitae dolores laborum veniam vero aliquid repellendus impedit sequi totam sapiente officia perferendis harum iusto unde magni accusantium, temporibus animi tempore. Sit assumenda quam nostrum repudiandae quibusdam aliquid vitae quo facilis voluptatum, quas eos iste doloribus accusantium, accusamus ex molestiae hic iusto unde cupiditate officiis similique fugiat. In sint incidunt error, ratione repellendus nostrum numquam, tempora perspiciatis est, corrupti doloribus iusto optio facere? Illo perferendis fugiat totam cumque eos laboriosam quos veniam reiciendis? Explicabo quidem, sequi tempore quo distinctio, quam aut autem eius tenetur, qui voluptatum ab omnis eaque accusamus facilis cum sit hic vitae. Recusandae vero perspiciatis consequuntur iusto. Fugiat tempore, id modi maxime, magnam et tempora suscipit quam expedita porro nobis explicabo debitis. Vero mollitia molestias, corrupti eligendi asperiores adipisci maiores a beatae debitis labore doloremque quam consequatur quasi iusto odit reprehenderit eius earum, ex distinctio laudantium, quibusdam exercitationem ducimus ad? Quod amet adipisci inventore voluptate! Officia porro iusto recusandae, hic velit nemo sed tenetur, autem debitis temporibus nam deleniti unde quisquam odio inventore, itaque ratione quo labore dolorem. Debitis culpa officiis delectus iusto distinctio, ratione incidunt quos tempora quidem iure doloremque autem aperiam deserunt! Iure voluptatum nam ratione saepe! Repudiandae excepturi debitis, aspernatur corporis culpa quam odit mollitia placeat earum rem soluta dolores deserunt corrupti consequatur et officiis molestiae libero maxime assumenda. Veritatis sint recusandae cupiditate iusto enim nesciunt vero, quae, tenetur laboriosam obcaecati neque doloremque modi laudantium? Minima temporibus porro, veritatis consequuntur maxime ut qui cupiditate vitae aspernatur veniam, animi odio nobis beatae voluptate rem soluta magnam quos, alias quis ipsam! Maiores nobis exercitationem soluta doloribus, illo iste eum temporibus adipisci autem odit rem reprehenderit recusandae velit vel cum tempore distinctio consequatur, alias nostrum possimus. Labore exercitationem repudiandae aperiam et laboriosam! Aliquid repudiandae dolore corporis. Molestias facilis doloremque repudiandae sequi? Vitae ad earum error sunt ut ducimus. Esse a perferendis sit, voluptatibus quaerat quo assumenda facilis! Expedita eos libero voluptatem beatae repellendus. Eum molestiae animi amet repellat tempore, repellendus beatae distinctio saepe voluptates voluptatum delectus est. Maxime pariatur animi est aliquam consequatur sit doloremque, sint eum! Dolorum similique ratione suscipit. Cupiditate expedita praesentium esse eius reiciendis blanditiis quisquam, aspernatur ullam similique porro inventore recusandae repudiandae voluptate fugiat aperiam quidem, perferendis, non quas. Voluptatem omnis, eaque iste ex, eos minima facilis hic unde necessitatibus nesciunt vel molestiae et, possimus obcaecati ipsam aliquid delectus vitae porro! Mollitia quasi delectus eaque, facilis debitis porro laboriosam fuga exercitationem iure et doloribus officia atque veritatis quia tempore quod, officiis fugit animi necessitatibus nobis sint. Expedita, eum magni! Ipsam illo obcaecati omnis impedit voluptate, voluptatibus reprehenderit qui vero, fugit cumque labore incidunt, delectus quisquam inventore! Molestiae, rerum error? Dolorum non enim rerum impedit quis, architecto nostrum fuga, optio totam eaque maiores, laudantium harum et. Iure reprehenderit quia autem? Rerum maiores harum eligendi voluptatum optio, deserunt exercitationem laboriosam expedita vel nesciunt maxime, temporibus, nulla architecto? Deserunt, eum expedita totam, odio quam magni aliquid aliquam quod cumque distinctio, tempore corrupti doloremque!</p>
</body>
</html>
这是我的应用程序.py
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def hello_page():
return render_template('hello.html')
@app.route("/about")
def about_page():
return render_template('about.html')
if __name__ == '__main__':
app.run(debug=True)
问题是您定义了静态网址
href="about.html"url_for()更多信息请参见烧瓶文档：模板 - 基本布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello backend</title>
</head>
<body>
<h1>Hello Backend!</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor libero commodi temporibus quasi tempora id soluta, maxime accusantium provident porro laborum? A autem, hic excepturi porro cumque numquam voluptatibus cupiditate dolorem, sequi nam praesentium. Quos saepe eius maxime eaque, unde culpa recusandae cumque illum ullam. Voluptates culpa dolore accusamus corrupti non quo rerum tempora distinctio labore, totam odit. Vitae magnam nulla facilis tempora eos accusantium similique iure. Suscipit iste nihil iure dolorem provident. Nostrum corrupti, magnam, perspiciatis minima illum doloribus molestias recusandae libero ipsa sit temporibus veritatis quos possimus voluptates. Eum excepturi corrupti perspiciatis vel ad doloribus in velit sapiente!</p>
<a href="{{ url_for('about') }}" target="_blank">Go to about</a>
</body>
</html>