我使用 api 调用创建 flutter，但数据在全新安装时未显示

Question

因此，我使用 REST API 创建一个应用程序，但数据在全新安装时未显示

这是用于 gettoken 并保存到共享首选项

getInit() async {
    String myUrl = "$serverUrl/get-token";
    http.Response response = await http.post(Uri.parse(myUrl),
        body: {'secret': 'code'});
    debugPrint(response.statusCode.toString());
    debugPrint(response.body);

    var data = json.decode(response.body)["data"];
    _save(data["access_token"]);
    // return data;
  }

  //SAVE TOKEN
  _save(String token) async {
    final prefs = await SharedPreferences.getInstance();
    const key = 'token';
    final value = token;

    prefs.setString(key, value);
    debugPrint("new token save " + value);
  }

这是用于 getlist 项目，需要来自共享首选项的不记名访问令牌

getRecList() async {
    final prefs = await SharedPreferences.getInstance();
    const key = 'token';
    final value = prefs.get(key) ?? 0;

    String myUrl = "$serverUrl/home";
    http.Response response = await http.get(Uri.parse(myUrl), headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer $value'
    });
    debugPrint(response.body);

    if (response.statusCode == 200) {
      List data = jsonDecode(response.body)['data'];
      List<ModelKost> modelkost =
          data.map((item) => ModelKost.fromJson(item)).toList();
      return modelkost;
    } else {
      return <ModelKost>[];
    }
  }

所以每次我全新安装时，主页都不会显示显示任何数据，因为 getRecList 项目被禁止访问...

日志显示令牌成功，但 getRecList 失败，因为没有获取访问令牌，只有在刷新/热重新加载正常显示的列表时才会发生这种情况...

所以我猜函数 getRecList 错误在这里，但我不知道修复它...

Answer 1

我认为问题是你没有等待代币价值。从共享首选项中获取价值时使用 await

So I create an app with rest API, but the data not showing on a fresh install



getRecList() async {
    final prefs = await SharedPreferences.getInstance();
    const key = 'token';
    final value =await  prefs.get(key) ?? 0; //use await here

    String myUrl = "$serverUrl/home";
    http.Response response = await http.get(Uri.parse(myUrl), headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer $value'
    });
    debugPrint(response.body);

    if (response.statusCode == 200) {
      List data = jsonDecode(response.body)['data'];
      List<ModelKost> modelkost =
          data.map((item) => ModelKost.fromJson(item)).toList();
      return modelkost;
    } else {
      return <ModelKost>[];
    }
  }