【问题标题】:Linking CSS/CSS3/JS to Google App Engine?将 CSS/CSS3/JS 链接到 Google App Engine?
【发布时间】:2013-12-28 21:45:41
【问题描述】:

我很难将我的样式表与 .yaml 文件链接起来。这是我的 yaml 文件:

我的目录如下所示:

|-- 评估 -> css - js。

|-- 模板 -> 一堆我的 html。

| main.py

| app.yaml

如果我直接从 url 上传 css,它就可以正常工作。但是,它不能使用目录映射。这是我如何上传 css 的示例:

<link href="assets/css/animate.min.css" rel="stylesheet">
<link href="assets/css/bxslider.css" rel="stylesheet">
<link href="assets/css/magnific-popup.css" rel="stylesheet">

这是 yaml 文件:

    application: app 

    version: 1
    runtime: python27
    api_version: 1
    threadsafe: true 

    handlers:
    - url: /assets/css/(.*\.css)
      mime_type: text/css
      static_files: /assets/css/\1
      upload: /assets/css/(.*\.css)

    - url: /assets/css/colors(.*\.css)
      mime_type: text/css
      static_files: /assets/css/colors\1
      upload: /assets/css/colors(.*\.css)

    - url: /assets/js/(.*\.js)
      mime_type: text/js
      static_files: /assets/js/\
      upload: /assets/js/(.*\.js)

    - url: .*
      script: main.app

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

有什么想法吗?

SOLUTION: 

application: app 
version: 1
runtime: python27
api_version: 1
threadsafe: true 

handlers:
- url: /assets/css(.*\.css)
  mime_type: text/css
  static_files: assets/css/\1
  upload: assets/css/(.*\.css)

- url: /assets/css/colors(.*\.css)
  mime_type: text/css
  static_files: assets/css/colors/\1
  upload: assets/css/colors(.*\.css)

- url: /assets/js/(.*\.js)
  mime_type: text/js
  static_files: assets/js/\1
  upload: assets/js/(.*\.js)

- url: .*
  script: main.app

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

【问题讨论】:

    标签: javascript html css google-app-engine


    【解决方案1】:

    两件事。首先,让您的样式表 href 是绝对的(即,以 / 开头),因为它们总是相对于网络服务路径的基础,而不是相对于任何特定页面。

    其次,在app.yaml 中,static_files(和static_dir)是相对于应用程序的基本目录的,因此请删除这些路径上的前导/

    【讨论】:

    • 我仍然遇到问题,我用我的 yaml 文件的样子更新了我的帖子。
    • 哦,哈哈。没关系!不应该从网址中删除“/”。
    猜你喜欢
    • 2012-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-16
    • 2018-07-31
    • 2020-06-30
    相关资源
    最近更新 更多