How to change token of API Class when userProvider change?

[Trung15010802]

I don't know how to change token when userProvider change, i hope someone class help me. This is my api class and other repository class will extends it:

class Api {
  final Ref ref;

  late Dio _dio;
  late Dio _dioMap;

  User? get user => ref.read(userProvider);
  Api({
    required this.ref,
  }) {
    _dio = Dio(
      BaseOptions(
        baseUrl: baseUrl,
        headers: {
          'Content-Type': 'application/json',
          if (user != null && user?.token != '') 'token': user!.token,
        },
        validateStatus: (status) {
          if (status == null) {
            return false;
          }
          return true;
        },
      ),
    );
    }
    
    
    
    class VehicleRepository extends Api {
  VehicleRepository({required super.ref});
  }
  
  
  
  final vehicleRepoProvider = Provider<VehicleRepository>((ref) {
  return VehicleRepository(ref: ref);
});

[bizz84]

Have you considered using an interceptor that fetches the user and adds the correct token every time a request is made?

This way, the Api class doesn't need to know about userProvider at all.

[Trung15010802]

I have a temp solution:
Change User? get user => ref.read(userProvider); to User? get user => ref.watch(userProvider);
What do you think of my solution above?

Is this what your idea is when using an interceptor?

class Api {
 final Ref ref;

 late Dio _dio;
 late Dio _dioMap;

 User? get user => ref.watch(userProvider);
 Api({
   required this.ref,
 }) {
   _dio = Dio(
     BaseOptions(
       baseUrl: baseUrl,
       headers: {
         'Content-Type': 'application/json',
         if (user != null && user?.token != '') 'token': user!.token,
       },
       validateStatus: (status) {
         if (status == null) {
           return false;
         }
         return true;
       },
     ),
   );

   _dio.interceptors.add(
     InterceptorsWrapper(
       onRequest: (options, handler) async {
         User? user = ref.read(userProvider);
         options.headers = {
           'Content-Type': 'application/json',
           if (user != null && user.token != '') 'token': user.token,
         };
         return handler.next(options);
       },
     ),
   );
 }