Publishing to IIS on localhost returns 404 Not Found for static assets (js, css)

[ccalvarez]

Hi,

I've published the app on localhost IIS (right click... Publish... in Solution Explorer).

The problem is that index.html can't find the resources (.js, .css) because the routes are resolved:

http://localhost/css/*.css

instead of

http://localhost/AspNetCoreVueStarter/css/*.css

But if I deploy to Azure (right click... Publish... in Solution Explorer), it works fine, the routes are correctly resolved:

URL: https://aspnetcorevuestarter20200401150304.azurewebsites.net/

What is missing in order to IIS to solve correctly the routes of static assets invoked from index.html?

Thank you.

[fsfj]

Two possible ways:

1. Install it using different port.

2. Install it under port 80 but you need to put sub path in vue router which is equal to the application name in IIS.
   Set the sub path when the environment is in production. Otherwise set it empty.

[ccalvarez]

@fsfj thanks for your response.

1. I need to publish under port 80, another port is not an option in my environment.

2. Adding a hardcoded path, for instance a public path like this in the vue.config.js file (which is similar to the second recommendation)

publicPath: process.env.NODE_ENV === 'development' ? '/' : '/VueNETCore/',

interferes with other deployments, like deployment to Azure, besides, it forces me to publish the application only in that virtual directory.

[fsfj]

In my case, i always overwrite to what virtual path i'd use after publish. If you want to install it on azure. You should clear/delete the value of public path if you're not using virtual path. That's what i do.