Flask 应用程序无法通过相对路径找到 javascript 文件？

Question

这个问题在这里已经有了答案:





How to serve static files in Flask

(22 个回答)


去年关闭。




在我的 Flask 应用程序中。如果页面的路径是 http://example.com/product/6 .我无法像这样在此页面的 html 文件中导入 js 文件:
<script src="js/main.js"></script>
浏览器会搜索http://example.com.product/js/main.js中的js文件, 并返回 404 错误。

那么，我该怎么做才能解决这个问题？

Answer 1

你应该让你的静态资源使用根目录(如果你把它们都保存在那里)。

因此，如果您的目录如下所示:

.
├── app.py
└── static
    ├── css
    ├── img
    └── js
        └── main.js

尝试添加 /到您的 javascript URL 上，因此它不只是附加到页面 URL 上。

例如 <script src="js/main.js"></script>然后会去 http://example.com/js/main.js .

仅供引用 - 您应该使用 Web 服务器，例如 apache或 nginx为您的静态文件提供服务，因为它们比 Flask 好得多。