Authorization Bearer Access Token doesn't seem to work

[WillComesBack]

I have a piece of code that passes in a bearer token

  Map<String, String>? get authorizationHeader =>
      { 'Authorization': 'Bearer $accessToken' };

I get the token and I make this call, but I get a 401 error

CachedNetworkImage(
	width: 48,
	height: 48,
	imageUrl: iconService.getRoomIconUrl(
	  roomId: item.room.id,
	  iconMetaData: item.room.iconMetaData,
	),
	httpHeaders: iconService.authorizationHeader,
)

I do the same for Image.network and it works just fine. Am I doing something wrong?

Image.network(
	iconService.getRoomIconUrl(
	  roomId: item.room.id,
	  iconMetaData: item.room.iconMetaData,
	),
	headers: iconService.authorizationHeader,
)

[WillComesBack]

I'm checking the console and I see it's not being passed

but in Image.network, it is being passed just fine

[WillComesBack]

Going to close. I realized the tag says it does not support Web as I was testing on Web. Sorry about that

[Chralu]

Hi,

I encounter the same issue running my project on Web platform.

Issue comes from the default image renderer for web : ImageRenderMethodForWeb.HtmlImage which ignores headers.

Workaround :

Using ImageRenderMethodForWeb.HttpGet fixes the issue :

import 'package:cached_network_image/cached_network_image.dart';
import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CachedNetworkImage(
      imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
      fit: BoxFit.cover,
      imageUrl:
          'http://pngimg.com/uploads/simpsons/simpsons_PNG94.png',
      httpHeaders: const {
        'test_header': 'test value',
      },
    );
  }
}

[Joyker]

Same issue, tested on android