【问题标题】:CSS Files not working on localhostCSS文件在本地主机上不起作用
【发布时间】:2014-07-28 06:37:42
【问题描述】:

问题只是发生在本地主机上,当我将应用程序上传到 AppEngine 时,它​​成功找到了 css 文件。

我使用的是 python 2.7,该应用是在 webapp2 上完成的,并且我使用的是 bootstrap 的本地副本。

 <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
 <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

这些是我指向 css 文件的链接,当我部署应用程序 http://main-cocoa-597.appspot.com/cenira 时它们可以工作,但它们不在 localhost 上。

app.yaml

application: main-cocoa-597
version: 1
runtime: python27
api_version: 1
threadsafe: yes

handlers:
- url: /favicon\.ico
  static_files: favicon.ico
  upload: favicon\.ico
- url: /static
  static_dir: static
- url: /cenira.*
  script: cenira.app
- url: .*
  script: main.app


libraries:
- name: webapp2
  version: "2.5.2"
- name: jinja2
  version: latest

我认为问题与应用无关,因为即使启动器的 SDK 控制台也没有加载它的 css 文件。

我刚刚安装了 Windows,也许缺少一些东西?我该如何解决这个问题?

编辑:

只需一个基本的 html(一个带有类的 div),并链接到一个外部 css 文件:

<link href="/css/asd.css" rel="stylesheet">

得到这个:

GET file:///C:/css/asd.css net::ERR_FILE_NOT_FOUND 

【问题讨论】:

  • favicon.ico 在哪里?从upload: favicon\.ico 中删除反斜杠,使其变为upload: favicon.ico。 (假设它在根目录)
  • favicon文件没问题,问题出在css文件上,浏览器在localhost上找不到,我不明白为什么
  • 您对静态目录的第一次调用给您的是 500,而不是 404。因此,在它到达之前有一个编码错误。我不相信 upload: favicon\.ico 作为文件名有效。
  • 我只是用一个基本的html测试,只是链接到一个外部的css文件也找不到它,绝对不是应用程序的问题
  • 很奇怪。如果您尝试使用 Chrome 而不是 IE 会发生什么?而且,在你的测试中,是css目录,还是根级别的html文件(C:)?

标签: html css google-app-engine twitter-bootstrap webapp2


【解决方案1】:

对于 PIL,将其添加到 app.yaml 的 libraries 部分:

- name: PIL
  version: latest

要诊断 css 请求中的 500 错误,请尝试添加以下内容:

- url: /static/css
  static_dir: static/css
  mime_type = "text/css"

(这需要在您的- url /static 调用之上,所以它首先运行

【讨论】:

  • mime_type = "text/css" 成功了!现在它呈现 css 文件;但是,即使我将 PIL 添加到库部分,我仍然会收到警告。问题已解决,非常感谢!
猜你喜欢
  • 2019-12-21
  • 2015-02-25
  • 2011-02-15
  • 2015-03-19
  • 2018-01-02
  • 2017-07-22
  • 2016-12-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多