need solution

[op0318]

Hi i am working in flutter web app.need to use the env.so that i have used the flutter_dotenv package.
i created .env file and add all credentials to that.
its working on local very fine.
When i deployed the app into iis server the app is not loaded.
After removing the flutter_dotenv package it app works normally.
what is the steps or solution to fix this issue?

[govarthananve]

I've experienced the same issue with the AWS server. It works fine on my local WAMPP server, but after hosting it on AWS, it's not functioning properly.

I suspect this might be due to a server update, but I'm not entirely sure. The .env file is being loaded as index.html instead of a .env file.

Could you try changing the MIME type?

If you need the server to recognize the .env files for internal purposes, you might consider adding a MIME type for .env files. Here's how you can do it:

Open IIS Manager: Go to your server or site.
Select the Server or Site: In the left-hand Connections pane, select the server or site where you want to configure the MIME type.
Open MIME Types: In the Features View, double-click on "MIME Types".
Add MIME Type: On the right-hand side, click on "Add..."
File name extension: .env
MIME type: text/plain (or another appropriate type)

[govarthananve]

Please try to change the way you fetch .env file

Because .env file loading as content-type: text/html. but it should load as content-type: text/plain

import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:http/http.dart' as http;

Future<String> fetchEnvFile(String url) async {
  final response = await http.get(Uri.parse(url));
  if (response.statusCode == 200) {
    return response.body;
  } else {
    throw Exception('Failed to load .env file');
  }
}

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // Fetch the .env file from Server
  final envContent = await fetchEnvFile('https://your-base-url/.env');

  // Load the environment variables from the fetched content
  await dotenv.load(fileInput: envContent);

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter S3 .env Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Access environment variables using dotenv
    final apiUrl = dotenv.env['API_URL'] ?? 'Default API URL';

    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter S3 .env Example'),
      ),
      body: Center(
        child: Text('API URL: $apiUrl'),
      ),
    );
  }
}