fllutterでhttpライブラリを用いた、サーバー上のjsonファイルの取得

Question

実現したいこと

flutterでサーバー上にアップロードしたJsonファイルを取得したい

前提

httpライブラリでjsonファイルを取得しようとしていますが、どうもうまく動いていません
ブラウザで確認すると、jsonファイルは開けます

該当のソースコード

import 'package:http/http.dart' as http;
import 'dart:convert';

Future<Map<String,dynamic>> getTitleJsonData(String path) async {

  Map<String,dynamic> titleList;
  titleList = await getData();
  return titleList;
}



Future<dynamic> getData() async {

    print("ok1");

    const url='https://～～～.com/flutter/titledata.json';
    await http.get(Uri.parse(url)).then((response){

      print("ok2");

    if (response.statusCode == 200) {
      String data = response.body;
      dynamic jsonObjects = jsonDecode(data);
      return jsonObjects;
    }
    });
}

結果

上記の関数を外部で呼んでいますが
const url='https://～～～.com/flutter/titledata.json';
await http.get(Uri.parse(url)).then((response){
以降が詰まっているのか、「ok2」とprintされません。

Answer 1

https://nagomi-informal.net/archives/572
を参考に

1- Go to flutter\bin\cache and remove a file named: flutter_tools.stamp
2- Go to flutter\packages\flutter_tools\lib\src\web and open the file chrome.dart.
3- Find '--disable-extensions'
4- Add '--disable-web-security'

の手順を踏むことで解決されました。

※日本語を入れる際は、php文字コードに注意しないと読み込めませんでした。

Answer 2

dynamicを使うと型に関する矛盾を把握しにくいのでやむを得ない箇所のみにして、
できるだけ型を意識してコードを書くのが良いと思います。
https://docs.flutter.dev/cookbook/networking/fetch-data#convert-the-httpresponse-to-an-album
ここら辺で基本的なコードを確認すると良いと思います。

下記のコードでどうでしょう?

Future<Map<String,dynamic>> getData() async {
  print("ok1");
  const url='https://～～～.com/flutter/titledata.json';

  try{
    final response = await http.get(Uri.parse(url));
    if(response.statusCode == 200){
      String data = response.body;
      final jsonObjects = jsonDecode(data) as Map<String, dynamic>;
      return jsonObjects;
    }else{
      throw Exception('APIからデータを取得できませんでした。ステータスコード: ${response.statusCode}');
    }
  }catch(e){
    throw Exception('エラーが発生しました: $e');
  }
}

Comments

[Nanmotsu]

ご回答ありがとうございます。
上記のように変えたところ

throw Exception('エラーが発生しました: $e');
が返されています。
（XMLHttpRequest error.）

jsonからphpからの取得に変えまして
phpファイルの先頭に

header("Access-Control-Allow-Origin=> *");
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');

をつけて返しましたが、同様のエラーです。
何かサーバー側で行うことがあるのでしょうか？
（サーバーはCENTOS7でLAMP環境で構築しております）

参考：https://teratail.com/questions/7lybhliczadh9b