Python webapp2 App Engine 静态图片不显示
Python webapp2 App Engine static images not displaying
我正在使用 python(2.7)、webapp2 和 App Engine 开发一个项目,我试图在其中显示一些静态图像,但机器人让它工作了。
这是我的导演结构:
|Root
├── bp_content
│ └── themes
│ └── default
│ ├── config
│ ├── handlers
│ ├── routes
│ ├── static
│ │ ├── css
│ │ ├── img
│ │ ├── js
│ │ └── less
│ └── templates
│ ├── emails
│ ├── errors
│ └── seo
| └── base.html
| └── home.html
在我项目的根目录中,我有 app.yaml
.
这是我 app.yaml
的部分:
handlers:
- url: /favicon\.ico
mime_type: image/vnd.microsoft.icon
static_files: bp_content/themes/default/static/favicon.ico
upload: bp_content/themes/default/static/favicon.ico
- url: /(\w*)/favicon\.ico
mime_type: image/vnd.microsoft.icon
static_files: bp_content/themes//static/favicon.ico
upload: bp_content/themes/(\w*)/static/favicon.ico
- url: /(\w*)/(apple-touch-icon.*\.(png))
static_files: bp_content/themes//static/
upload: bp_content/themes/(\w*)/static/(apple-touch-icon.*\.(png))
- url: /(robots\.txt|humans\.txt|sitemap\.xml|crossdomain\.xml)
script: main.app
- url: /boilerplate/css
mime_type: text/css
static_dir: bp_includes/static/css
- url: /boilerplate/js
mime_type: text/javascript
static_dir: bp_includes/static/js
- url: /boilerplate/img/(.*\.(gif|png|jpg))
static_files: bp_includes/static/img/
upload: bp_includes/static/img/(.*\.(gif|png|jpg))
- url: /(\w*)/css/(.*\.css)$
mime_type: text/css
static_files: bp_content/themes//static/css/
upload: bp_content/themes/(\w*)/static/css/(.*\.css)$
- url: /(\w*)/js/(.*\.js)$
mime_type: text/javascript
static_files: bp_content/themes//static/js/
upload: bp_content/themes/(\w*)/static/js/(.*\.js)$
- url: /(\w*)/img/(.*\.(gif|png|jpg|jpeg))
static_files: bp_content/themes//static/img/
upload: bp_content/themes/(\w*)/static/img/(.*\.(gif|png|jpg|jpeg))
- url: /(\w*)/fonts/(.*\.eot)$
mime_type: application/vnd.ms-fontobject
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.eot)
- url: /boilerplate/fonts/(.*\.(eot|svg|ttf|woff))
static_files: bp_includes/static/fonts/
upload: bp_includes/static/fonts/(.*\.(eot|svg|ttf|woff))
- url: /(\w*)/fonts/(.*\.otf)$
mime_type: font/opentype
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.otf)
- url: /(\w*)/fonts/(.*\.ttf)$
mime_type: application/x-font-ttf
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.ttf)
- url: /(\w*)/fonts/(.*\.woff)$
mime_type: application/x-font-woff
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.woff)
- url: /(\w*)/fonts/(.*\.svg)$
mime_type: image/svg+xml
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.svg)
- url: /.*
script: main.app
我在里面放了一张图片bp_content -> themes -> default -> static -> img
然后用作:
<img src="../static/img/teamwork1.jpg" alt="" />
我很确定你的 html 需要像这样:
<img src="/default/img/teamwork1.jpg" alt="" />
假设你的图片在这里 /bp_content/themes/default/static/img/teamwork1.jpg
我正在使用 python(2.7)、webapp2 和 App Engine 开发一个项目,我试图在其中显示一些静态图像,但机器人让它工作了。
这是我的导演结构:
|Root
├── bp_content
│ └── themes
│ └── default
│ ├── config
│ ├── handlers
│ ├── routes
│ ├── static
│ │ ├── css
│ │ ├── img
│ │ ├── js
│ │ └── less
│ └── templates
│ ├── emails
│ ├── errors
│ └── seo
| └── base.html
| └── home.html
在我项目的根目录中,我有 app.yaml
.
这是我 app.yaml
的部分:
handlers:
- url: /favicon\.ico
mime_type: image/vnd.microsoft.icon
static_files: bp_content/themes/default/static/favicon.ico
upload: bp_content/themes/default/static/favicon.ico
- url: /(\w*)/favicon\.ico
mime_type: image/vnd.microsoft.icon
static_files: bp_content/themes//static/favicon.ico
upload: bp_content/themes/(\w*)/static/favicon.ico
- url: /(\w*)/(apple-touch-icon.*\.(png))
static_files: bp_content/themes//static/
upload: bp_content/themes/(\w*)/static/(apple-touch-icon.*\.(png))
- url: /(robots\.txt|humans\.txt|sitemap\.xml|crossdomain\.xml)
script: main.app
- url: /boilerplate/css
mime_type: text/css
static_dir: bp_includes/static/css
- url: /boilerplate/js
mime_type: text/javascript
static_dir: bp_includes/static/js
- url: /boilerplate/img/(.*\.(gif|png|jpg))
static_files: bp_includes/static/img/
upload: bp_includes/static/img/(.*\.(gif|png|jpg))
- url: /(\w*)/css/(.*\.css)$
mime_type: text/css
static_files: bp_content/themes//static/css/
upload: bp_content/themes/(\w*)/static/css/(.*\.css)$
- url: /(\w*)/js/(.*\.js)$
mime_type: text/javascript
static_files: bp_content/themes//static/js/
upload: bp_content/themes/(\w*)/static/js/(.*\.js)$
- url: /(\w*)/img/(.*\.(gif|png|jpg|jpeg))
static_files: bp_content/themes//static/img/
upload: bp_content/themes/(\w*)/static/img/(.*\.(gif|png|jpg|jpeg))
- url: /(\w*)/fonts/(.*\.eot)$
mime_type: application/vnd.ms-fontobject
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.eot)
- url: /boilerplate/fonts/(.*\.(eot|svg|ttf|woff))
static_files: bp_includes/static/fonts/
upload: bp_includes/static/fonts/(.*\.(eot|svg|ttf|woff))
- url: /(\w*)/fonts/(.*\.otf)$
mime_type: font/opentype
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.otf)
- url: /(\w*)/fonts/(.*\.ttf)$
mime_type: application/x-font-ttf
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.ttf)
- url: /(\w*)/fonts/(.*\.woff)$
mime_type: application/x-font-woff
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.woff)
- url: /(\w*)/fonts/(.*\.svg)$
mime_type: image/svg+xml
static_files: bp_content/themes//static/fonts/
upload: bp_content/themes/(\w*)/static/fonts/(.*\.svg)
- url: /.*
script: main.app
我在里面放了一张图片bp_content -> themes -> default -> static -> img
然后用作:
<img src="../static/img/teamwork1.jpg" alt="" />
我很确定你的 html 需要像这样:
<img src="/default/img/teamwork1.jpg" alt="" />
假设你的图片在这里 /bp_content/themes/default/static/img/teamwork1.jpg