Question

我正在使用Python在Google App Engine中的webapp2框架上构建应用程序。我一直在使用Jinja2作为我的模板引擎和Twitter Bootstrap用于样式设计。在构建了一个漂亮的“layout.html”并让所有其他模板继承自“layout.html”之后，我进行了部署。除了一个之外，所有页面都呈现属性，即其网址为动态的属性。

这是WSGI处理程序的样子：

webapp2.WSGIApplication = ([('/login', LoginPage),
                           ('/updates', Update),
                           ('/updates/.*', Individual)],
                           debug = True)

# as you can see I'm using the catchall regex for Individual

从功能上讲，由个人处理的每个动态生成的网址都可以正常运行。这是处理程序，此处理程序中的所有内容都将被执行。

class Individual(Handler):
    def get(self):
            url_u = str(self.request.url)
            posit = url_u.find('updates')
            bus1 = url_u[posit+8:]
            bus = bus1.replace('%20', chr(32))
            b = BusUpdates.all()
            this_bus = b.order('-timestamp').filter('bus = ', bus).fetch(limit=10)
            name = users.get_current_user()
            user = None
            if name:
                    user = name.nickname()
            logout = users.create_logout_url(self.request.uri)

            self.render("individual.html", bus=bus, user=user, this_bus=this_bus, logout=logout)

典型的网址如下所示： http://www.megabusfinder.appspot.com/updates/St%20Louis,%20MO-Chicago,%20IL-4-12-930AM-310PM

这是我的app.yaml文件

application: megabusfinder
version: 1
runtime: python27
api_version: 1
threadsafe: no


handlers:
- url: /favicon\.ico
  static_files: favicon.ico
  upload: favicon\.ico


- url: /static/stylesheets
  static_dir: static/stylesheets


- url: /twitter-bootstrap-37d0a30
  static_dir: twitter-bootstrap-37d0a30


- url: /static/xml
  static_dir: static/xml

- url: .*
  script: main.app


builtins:
- remote_api: on


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

现在，我之前从“layout.html”继承了“individual.html”。大约一个小时前，我不再这样做了，我已经手动将我在“layout.html”中使用的所有必要的引导程序添加到“individual.html”中。即使这样，也没有任何造型效果。

提前致谢。

Answer 1

问题是您使用样式表的相对URL路径，而不是绝对路径。你这样做：

<link href="styles/bootstrap.css" rel="stylesheet">

当你应该这样做时：

<link href="/styles/bootstrap.css" rel="stylesheet">

问题在于，浏览器会通过将现有网址与href（或src中提供的JavaScript文件）中提供的相对网址相结合，来请求相关网址。

在 root 页面上，浏览器请求megabusfinder.appspot.com/styles/bootstrap.css。在非根页面上，它发出请求megabusfinder.appspot.com/some/sub/path + styles / bootstrap.css ...这不存在，导致404（和一个没有样式的页面）。

提供前导斜杠可确保浏览器使用href路径替换当前路径，而不是组合路径。

有关如何合并URI的详细信息，请参阅RFC 3986。

抓住所有重新捕获的网址都没有渲染css

1 个答案: