Unable to build production build with relative links

[benlesh]

Describe the bug

Currently, no matter what I do, Vite builds and outputs something like:

<script  type="module" crossorigin src="/assets/index.123456.js"></script>
<link rel="modulepreload" href="/assets/vendor.123456.js">
<link rel="stylesheet" href="/assets/index.123456.css">

The problem is the environment I deploy to routes to my app, meaning the origin root is not my app's root. (e.g. https://some-origin-here/my-app is the application root), as such all links to /assets/* are pointing to the wrong thing. it would be ideal (and way more portable) if the build defaulted to relative URLs.

I'm unable to find documentation outlining how I would build and output relative URLs.

Reproduction

This seems to be true of any Vite build app.

System Info

@vitejs/plugin-react@1.0.5
vite@2.6.13

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[benlesh]

For now, as a workaround, I'm just transforming the links with a node script doing a string replace. LMAO... it's not ideal.

[stygian-desolator]

How about base ?
It might work.

[benlesh]

That's it. Thank you to you and to @yyx990803 for pointing me this way.