在烧瓶上运行时,不会添加外部javascript文件

Question

在烧瓶上运行时,不会添加外部javascript文件

Ton*_*ony 45 javascript python external flask

我有一个名为showMap.html的HTML文件

<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Map</title>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
  </script>
  <script type="text/javascript" src="js/map.js"></script>
</head>

<body onload="showPosition()">
  <div id="map_canvas" style="width:500px;height:500px;"></div>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

另一个javascript文件map.js放在同一目录的js文件夹中.这个代码在加载html文件时工作正常.但是当我在服务器中运行它时这不起作用.我使用python flask框架返回结束编程.有趣的是,如果我扩展html文件中的javascript代码,同样会很好.唯一的问题是外部文件.

Answer 1

Mar*_*ers 95

将map.js文件作为静态资源提供:

将文件移动到static/包的子目录中

在Jinja2模板中为它生成一个静态URL,如下所示:

 <script type="text/javascript"
         src="{{ url_for('static', filename='map.js') }}"></script>

Run Code Online (Sandbox Code Playgroud)

@MartijnPieters Flask 只能从静态子目录导入吗？我创建了一个与 static 相同级别的目录，并将我的 js 文件放入其中，chrome 导入失败。但是，当我将目录移至静态时，它已成功导入。也许如果这种行为是真的，是否应该突出显示并进行解释。 (2认同)
@seokhoonlee：`Flask` 为 `/static` 创建了一个特殊的路由，它为 `static` 目录下的任何内容提供服务，如 [快速入门中的文档](http://flask.pocoo.org/docs/0.10/quickstart/ #静态文件）。如果您需要从更多目录提供数据，则需要创建更多这样的视图（在评论中解释到底有多长）。 (2认同)

Answer 2

AiO*_*OsN 6

步骤1： 在项目根目录上创建名称为static的文件夹

步骤2： 在静态文件夹中添加静态文件

步骤3 添加模板

<script type="text/javascript" src="{{ url_for('static', filename = 'hello.js') }}"></script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，7 月前
查看次数：	50379 次
最近记录：	5 年，12 月前