Skip to content

Remote Panel is blank when accessed from a subfolder in the URL #40

@Regnareb

Description

@Regnareb

Describe the bug
I use reverse proxy to serve the remote panel to a subfolder and none of the .js file are recognized because a lot of links are absolute to the root of the web address.

For example with
https://domain.com/dashboard/
the file /_app/immutable/entry/start.bf487f06.js is looking at:
https://domain.com/_app/immutable/entry/start.bf487f06.js instead of
https://domain.com/dashboard/_app/immutable/entry/start.bf487f06.js

I tried fiddling in the 'resources/panel' files and fixed lots of path but to no avail, it stays blank. I think what is blocking me is mostly this part in index.html. I am not JS savvy and I don't know why it's not looking for the files in the right place when I modify it like the rest of HTML.

Promise.all([
    import("/_app/immutable/entry/start.bf487f06.js"),
    import("/_app/immutable/entry/app.3c109ba7.js")
]).then(([kit, app]) => {
    kit.start(app, element);
});

How to improve:
It would be great to have a web panel setting to be able to specify a subfolder/baseurl, or to use relative urls so it works in any configuration.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions