Static Assets Build and Deploy to GitHub Pages

[logue]

Static Assets Build and Deploy to GitHub Pages

[logue]

This is a Vite question.

I think it's because the address resolution isn't working.

In general, the front end cannot scan files in a specific directory on the server. If you're thinking of implementing a script that updates the file list in the directory on the frontend side, using import.meta.glob is not the right solution. It is common to prepare a backend program that outputs a list of files in a directory and obtain it with axios or Fetch API.

[itsgifnotjiff]

I did figure it out, Vite needs to resolve paths for static assets from absolute paths so in my case I had to remove the base from vite.config.js and adapt my code to produce an absolute path which looks something like :

(Object.values(import.meta.glob("../assets/ss_content/tu_et_moi/*.{jpg,png,gif}", { eager: true }))).forEach(
        ({ default: path }: any) => {
            const url = new URL(path, import.meta.url);
            const data = {
                src: url.pathname,
                alt: 'Alt_' + path
            };
            tuEtMoiImages.push(data);
        }
    );