access new traccar web by reverser proxy

Hi,

I have installed the Traccar in subdirectory https://{MY URL}/gps , ( => localhost:8083, non-root path as indicate in page https://www.traccar.org/secure-connection) and works well.

If I access the new interface web (modern) by https://{MY IP}:8083/modern, works well.

But If I try access the new web (modern) using the link https://{MY URL}/gps/modern it doesn’t work. I have a white screen!

In the Chrome console I have many errors:

GET https://{MY URL}/modern/styles.css net::ERR_ABORTED 404 (Not Found)
{MY URL}/:1 GET https://{MY URL}/modern/static/css/2.fa773933.chunk.css net::ERR_ABORTED 404 (Not Found)
{MY URL}/:1 GET https://{MY URL}/modern/static/css/main.99aaa63c.chunk.css net::ERR_ABORTED 404 (Not Found)
(index):1 GET https://{MY URL}/modern/static/js/2.8403bcc7.chunk.js net::ERR_ABORTED 404 (Not Found)
(index):1 GET https://{MY URL}/modern/static/js/main.db80d764.chunk.js net::ERR_ABORTED 404 (Not Found)
DevTools failed to load SourceMap: Could not load content for chrome-extension://cfnpidifppmenkapgihekkeednfoenal/vendor/browser-polyfill.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_{MY URL}_SCHEME
antiphishing.js:2137 Sending APH request...
favicon.ico:1 GET https://{MY URL}/modern/favicon.ico 404 (Not Found)
manifest.json:1 GET https://{MY URL}/modern/manifest.json 404 (Not Found)
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

How I do to fix it?

Regards

JB

Modern web app doesn't support it. You have to recompile it with a different root.

And about the links that are into files in subfolder modern wich call the previous folder "web". what I do?

JB

What links?

example: in localization.js I have a lot o f " import af from '../../../web/l10n/xxxxx.json';

could you explain please how I copy and change the files for after recompile the modern.?

JB

You just copy the output of the compiler.

thank you.
I followed exactly the explination from https://github.com/traccar/traccar-web/tree/master/modern, I test in development (works) ,
I copied the content of build folder for another root., but when I try open:

• the login page open (I can type user and password) , but when I click on button I have on console google :

    SocketController.js:52 GET http:/ / {MY URL}  /api/server 404 (Not Found)
   POST http://  {MY URL} /api/session 404 (Not Found)
  

Could you help me please?

JB

You need to modify all API calls.

could you explain please. an example...

For example /api/session has to the replaced with /gps/api/session or whatever the path you want to use. Same for all other API calls.

did NOT work:

• I copied the content of build folder in a directory and I export this directory as domain, so http://mydomain see the content of build
  ( there isn't subfolders)
• I try change all references "/api/" in subfolder src (modern/src) to "mydomain/api/" , " mydomain:8083/api/" etc, but did not work
  -many other tests.

is there any another clue? (iI am using UBUNTU and is is harding to sue this modern)

Help please

JB

Just use proxy configuration for redirect