How to open a map tile server as an nginx subpass

[heash0000]

I am serving a map tile server through Nginx and providing it via a subpath.
Example: http://{ip}/zsmap

I am opening MapLibre GL as follows, but I keep getting the following error:

my MapLibre code:

map = new maplibregl.Map({
        container: mapContainer.value,
        style: `http://{ip}/zsmap/styles/basic/style.json`,
        center: [128.00107869, 37.488067679],
        zoom: 14
      })

error code:

Access to fetch at 'http://{ip}/styles/basic/[email protected]' from 
origin 'http://localhost:8080' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

The same error also occurs for the following paths:

http://{ip}/styles/basic/[email protected]

http://{ip}/data/openmaptiles.json

If I add the zsmap path prefix, such as http://{ip}/zsmap/styles/basic/[email protected], the files are fetched normally.

How can I resolve this issue?

[HarelM]

You should configure your server to add CORS headers or host the html page of the map on the same server. This is a typical CORS issue.

[heash0000]

There are a lot of other subpaths in url, so all the map-related paths are supposed to be called through the path /zsmap/. In fact, if I put /zsmap/ in url and call it, the json file will be retrieved normally. However, it's a problem on the web because it's called through the /styles/basic path instead of /zsmap/styles/basic. Is there a solution to this?

[HarelM]

I don't understand the problem, but having the right address and severing everything from the same host should work...

[heash0000]

If I enter a value such as http://{ip}/zsmap/style/basic/style.json in style, will other file information such as tile information be imported based on the host (http://{ip})? Is there a way to include the subsequent subpass (/zsmap)?

[HarelM]

No, there's no relative path in the style, you need to specify full path to tiles, sprites and glyphs.