title: Location of /static/ changes to /something/static/ when setting app.route(/something/<argument>)
body: <p>Loading the route index() with <code>index.html</code> works - it extends from <code>base.html</code>. As do some other templates which do not have <code>&lt;arguments&gt;</code> in the route path.</p>
  
  <p>However, at app.route('/channel/') I see Flask Server trying to serve statics (loaded from <code>base.html</code>) from <code>/channel/static/etc</code> instead of <code>/static/etc</code> and thus, the CSS fails to render. Whatever I put in that app.route('/here/') is where Flask tries to render statics from on that page: <code>/here/static/etc</code> and hence the CSS/JS 404s.</p>
  
  <p>I've tried changing the loading of static content in <code>base.html</code> from the below:</p>
  
  <p><code>&lt;link href="static/css/font-face.css" rel="stylesheet" media="all"&gt;</code></p>
  
  <p>to</p>
  
  <p><code>&lt;link href="/static/css/font-face.css" rel="stylesheet" media="all"&gt;</code></p>
  
  <p>This hasn't fixed the issue. I eventually got a blank page with no content rendering at all. Made me think its something to do with the app.route() function.</p>
  
  <p>App structure:</p>
  
  <pre><code>&lt;dock&gt;
    &lt;bot&gt;
    &lt;nginx&gt;
    &lt;zigweb&gt;
      &lt;app&gt;
          &lt;templates&gt;
               base.html
               etc.html
          &lt;static&gt;
              &lt;css&gt;
              &lt;etc&gt;
  </code></pre>
  
  <p>I'm using the Flask development server.</p>
  
  <p>console on loading <code>channel.html</code></p>
  
  <pre><code>INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:58:08] "GET /channel/launch_logic HTTP/1.1" 200 -
  INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:58:09] "GET /channel/static/images/icon/signally.png HTTP/1.1" 404 -
  INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:58:09] "GET /channel/static/images/icon/avatar-icon.png HTTP/1.1" 404 -
  </code></pre>
  
  <p>console on loading <code>index.html</code></p>
  
  <pre><code>INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:59:19] "GET / HTTP/1.1" 200 -
  INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:59:20] "GET /static/vendor/animsition/animsition.min.css HTTP/1.1" 200 -
  INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:59:20] "GET /static/vendor/font-awesome-4.7/css/font-awesome.min.css HTTP/1.1" 200 -
  INFO:werkzeug:127.0.0.1 - - [08/Nov/2019 13:59:21] "GET /static/vendor/bootstrap-4.1/bootstrap.min.css HTTP/1.1" 200 -
  </code></pre>
  
  <p>BASE.HTML
  <a href="https://pastebin.com/9FgqE2z9" rel="nofollow noreferrer">https://pastebin.com/9FgqE2z9</a></p>
  
  <p>CHANNEL.HTML</p>
  
  <pre><code>
  {% extends "base.html" %}
  {% block content %}
  &lt;h1&gt;hello&lt;/h1&gt;
  
  {% endblock %}
  
  </code></pre>
  
  <p>Routes.py (for channel())</p>
  
  <pre><code>@app.route('/channel/&lt;username&gt;')
  def channel(username):
      user = User.query.filter_by(username=username).first()
      return render_template('channel.html', user=user)
  
  </code></pre>