Assets issues when deploying Atlantis in subfolder

[Kyvu]

Hello,

Just bougth Atlantis template and tried it out the box on a production server.

It is ok if I put the build files into the root folder but on a subfolder, it can't load images located on "/layout/images" for instance.

I updated vite.config.js like so:

Code: Select all

export default defineConfig(() => {
    return {
        plugins: [vue()],
        base: "/my/subfolder/",
        resolve: {
            alias: {
                '@': fileURLToPath(new URL('./src', import.meta.url)),
            },
        },
    };
});

The router index.js has been changed as:

Code: Select all

const router = createRouter({
    history: createWebHashHistory("/my/subfolder/"),
    base: "/my/subfolder/",
    routes,
    scrollBehavior() {
        return { left: 0, top: 0 };
    },
});

In server side, I also set up an .htaccess to accept the routing on a subfolder.

Navigation is working well, but the system still tried to load assets from the root server folder instead of subfolder.

Any idea of what I am missing?

Thanks in advance.

Regards.

[tugce.kucukoglu]

Sorry for the late answer.

At first look, everything seems fine. I'm not sure but .htaccess could have a a problem.