Serving the vite resources from subfolder

[boggye]

Hi,

This might not be directly related to the library, however, given your experience perhaps you have a suggestion.

I currently run my .net core app in the dev environment using IIS Express and also specify an extra folder with the same name as the application name. In other words, the app is accessed using: https://localhost:44369/appName/... .

During development, when I include the jsx scripts and I use tilda:
<script type="module" vite-src="~/Account/Agreement/main.jsx" asp-append-version="true"></script>

the request that gets sent to the vite server is: http://localhost:5173/appName/Account/Agreement/main.jsx and that fails.

So, I ended up doing the following because in production the folder containing the js files is relative to the root of the app which is served through: https://productionServerName/appName:

  <environment include="Development">
    <script type="module" vite-src="/Account/Agreement/main.jsx" asp-append-version="true"></script>
  </environment>

  <environment include="production">
    <script type="module" vite-src="~/Account/Agreement/main.jsx" asp-append-version="true"></script>
  </environment>

Is there any trick that you can think of that allows me to have only only one <script .. tag?

I looked through the vite docs and there seems to be no way to tell it to serve these resources from http://localhost:5173/appName instead of http://localhost:5173.

Thanks

[boggye]

Ok, the solution is surprisingly simple. Use this setting: base: '/appName', in the vite.config.ts file. See the base doc.