Getting 404 errors on getting resources after deploying Flutter Web project into Azure Web

Question

I got this error 404 which is not loading my resources and assets from my created flutter web application after deploying into Azure web app.

See the example photo:

I use FTP method to upload files and used FileZilla as my tool. I upload all the files include in this generated files after running "flutter build web"

build/web/all_my_files

I already configured properly my pubspec.yaml file.

Note: This works all fine on GitHub pages but after I tried to deploy on azure this happens and I don't know why.

exact same problem with Firebase Hosting! Flutter 3.19.6 flutter version with 13.11.4 firebase version. — Elias Fazel
– Elias Fazel, Commented Jun 23, 2024 at 19:13

lepsch · Accepted Answer · 2022-08-01 05:39:12Z

3

The web.config should be configured with the other external static files like .json. It should be deployed beside the Flutter index.html file.

The web.config should be like the following:

<?xml version="1.0"  encoding="utf-8" ?>
  
<configuration>
    <system.webServer>
        <staticContent>
            <!-- JSON Manifests -->
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <!-- Fonts -->
            <mimeMap fileExtension=".otf" mimeType="application/octet-stream" />
            <mimeMap fileExtension=".ttc" mimeType="application/octet-stream" />
            <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
            <mimeMap fileExtension="woff2" mimeType="application/font-woff2" />
        </staticContent>
    </system.webServer>
</configuration>

answered Aug 1, 2022 at 5:39

lepsch

10.5k5 gold badges33 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Genius Gorilla Over a year ago

Thanks sir, can I copy this one? Do I need to add or edit? Is this fine already?

lepsch Over a year ago

Yes... you can copy it. No problem. You can edit it to add any other resource that gets 404 again but it's fine the way it is already.

Collectives™ on Stack Overflow

Getting 404 errors on getting resources after deploying Flutter Web project into Azure Web

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related