I have hosted a Flutter Web app in azure. When I browse it page is not loading. I did inspect element and found 404 errors for two files where it's actually presented in the repository. Above is the error image
Adding my index file here:
<!DOCTYPE html>
<html>
<head>
<base href=''/>
<meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="A new Flutter application.">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="spaid">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png"/>
<title>spaid</title>
<link rel="manifest" href="manifest.json">
</head>
<body>
<!-- This script installs service_worker.js to provide PWA functionality to
application. For more information, see:
https://developers.google.com/web/fundamentals/primers/service-workers -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('flutter-first-frame', function () {
navigator.serviceWorker.register('flutter_service_worker.js?v=142317243');
});
}
</script>
<!--<script src="main.dart.js?version=1" type="application/javascript"></script>-->
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
Did I anything missed here in base href ?
Finally resolved it by adding web.config file manually by seeing here https://stackoverflow.com/a/47140319/8123784