Google App Engine Static Website Redirect Trailing Slash

September 29, 2018

Routing directory index page without trailing slash to one with trailing slash

This page is about static website hosting and redirect pages like /about to /about/.

Sadly, redirect configuration is not possible using app.yaml, but it can be used with a combination of coding to achieve the same result.

Edit app.yaml.

handlers:
# file with extensions (longer cache period)
- url: /(.*\.(css|js|woff|woff2|ico|png))
  static_files: www/\1
  upload: www/(.*)
  expiration: "7d"
  secure: always

# file with other extensions (e.g. .html)
- url: /(.*\..*)
  static_files: www/\1
  upload: www/(.*)
  secure: always

# assume file without extensions use default index.html
- url: /(.*)/
  static_files: www/\1/index.html
  upload: www/(.*)/index.html
  secure: always

# home
- url: /
  static_files: www/index.html
  upload: www/index.html
  secure: always

# access without trailing slash
- url: /(.*)
  script: mini.app

Create file mini/__init__.py.

This file will redirect pages like /about to /about/.

from flask import Flask, abort
app = Flask(__name__)

@app.route('/<path:path>/')
def redirect(path):
    # will never reach this code, as /path/ is intercepted at app.yaml
    abort(404)

NOTE: I make use of flask routing feature to redirect pages without trailing slash to one with trailing slash, but you could use other methods which you are comfortable with.

NOTE: Refer to Flask On Google App Engine

❤️ Is this article helpful?

Buy me a coffee☕ or support my work to keep this space 🖖 and ad-free.
If you can't, do send some 💖 to @d_luaz or help to share this article.

👶 Apps I built

COVID-19 - data, chart, information & news.
暖心芽 (WIP) 🌞❤️🌱 - reminder of hope, warmth, thoughts and feelings.
Travelopy - travel discovery and journal
LuaPass - offline password manager
WhatIDoNow - a public log of things I am working on now

By Desmond Lua

A dream boy who enjoys programming and travelling, maker of Travelopy. Follow me on @d_luaz.

Tags: