I have Visual Studio 2019 template .NET Core and React application. When I make some changes and run application locally, everthing is OK and I see these changes in browser. When I publish this application on external server, browser shows me old, cached version of this site. I must force browser to clear cache and reload. It refers to .js and .css files. How can I fix it?
If you use webpack for build your react app you can configure webpack config.
Just add some hash to final bandle js name:
output: {
filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'),
}
it should solve browser cache problem.
more information in official documentation: webpack documentation