Static files are not being served

BeastImran · July 4, 2021, 7:22pm

This is my usual static serving lines of code.

app.static("/static/videos/", "./static/videos/", use_content_range=True)
app.static("/static/documents/", "./static/documents/")
app.static("/static/images/", "./static/images/")

This works perfectly fine on my Ubuntu, but today I tried the same code on my windows machine and it’s not working.

All the files are exactly in the same directories, in the same hierarchy, with no changes to code.

As a workaround to server those files, I am doing this

img_file_names = tuple(*[files for (_, _, files) in os.walk('./static/images/')])

@app.get("/static/images/<img_file_name:path>")
async def serve_img(_, img_file_name):
    if img_file_name in img_file_names:
        return await file('./static/images/' + img_file_name)

    return empty()

I am doing the same for videos and document files

The above code works perfectly fine both on Ubuntu and windows but the first static config is much more convenient.

What’s the reason it’s not working? Thanks in advance

ahopkins · July 5, 2021, 4:23am

I’m not sure. This is a new one to me. When you say it doesn’t work, what is the behavior that you observe?

BeastImran · July 5, 2021, 9:41am

The files which are meant to be sent from server to browser are not being found. 404.

Take a look at the image I uploaded. The .mp4 and .png, .jpg files are 404 (not found).

I don’t know if I made sense in this reply

The manual code I wrote works with images and other files, but I need to support range byte header and I don’t know how to do it in the manual code.

This is the manual code

BeastImran:

img_file_names = tuple(*[files for (_, _, files) in os.walk('./static/images/')])

@app.get("/static/images/<img_file_name:path>")
async def serve_img(_, img_file_name):
    if img_file_name in img_file_names:
        return await file('./static/images/' + img_file_name)

    return empty()

This is what I used to do for videos

Using the use_content_range=True attribute, I achieved the range byte header but I don’t know how can I achieve the same through manual code

BeastImran · July 5, 2021, 4:47am

and another issue I faced.

github.com

BeastImran/personal-website/blob/07fc6f4c1c0f0db77f52233dd34909fc5208983e/static/js/personal_site.js

if (screen.width >= 992) {
    document.getElementById("collapsible-nav").classList.add('show');
} else {
    document.getElementById("collapsible-nav").classList.remove('show');
}

document.getElementById("menu-btn").addEventListener("click", function() {
    var element = document.getElementById("collapsible-nav");
    if (element.classList) {
        element.classList.toggle("show");
    } else {
      // For IE9
      var classes = element.className.split(" ");
      var i = classes.indexOf("show");

      if (i >= 0) classes.splice(i, 1);
      else
        classes.push("show");
        element.className = classes.join(" ");
    }

This file has been truncated. show original

This is my JS file. When you gzip it (as we discussed before) using the following code, it works fine in ubuntu, no errors are thrown.

gist.github.com

https://gist.github.com/BeastImran/84dd22e5146b71e6296fb6b546201a28

Python_gzip_response.py

import gzip
from io import BytesIO as IO


def send_response(request, response):
    accept_encoding = request.headers.get("Accept-Encoding", "") or request.headers.get("accept-encoding", "")

    if ("gzip" not in accept_encoding.lower()) or (response.status < 200 or response.status >= 300 or "Content-Encoding" in response.headers):
        return response

This file has been truncated. show original

But when I do the same on windows, this error is thrown.

Why TF works on Ubuntu and not on windows . This is not related to sanic, I know, but any advice would be awesome

ahopkins · November 11, 2022, 11:08pm

Check your versions and let me know. I’m AFK, but I’ll try and remember to send you a snippet for the “manual” method later. But take a look at file_stream

BeastImran · July 5, 2021, 3:43pm

Thank you for guiding me, file_streaming works

My Sanic version is 21.3.4

BeastImran · July 5, 2021, 3:45pm

Can you look at this too please

BeastImran · November 11, 2022, 11:08pm

UPDATE: reading the file in utf8 solved the problem.

TheWangYang · October 3, 2022, 1:39pm

Thank you very much for your answer. I used app before The static () method always reports a 404 error when registering static resources. Your code successfully solves my problem. Thanks again!