V3 OL request to GeoServer with basic auth

[FTinkloh]

Good afternoon,
I hope somebody can help me. I want to use vue3-openlayers in my app to create a map which has to receive data from a geoserver. The geoserver requires basic auth. Any idea how I could implement that? I found a solution that seems to work with the "regular" OpenLayers by replacing the "imageLoadFunction" but I have no idea how to throw that into the Vue adaption.

Thanks in advance

[d-koppenhagen]

If it's basic auth, it should also work without any customization.

http://username:[email protected]/

[d-koppenhagen]

Also something like this should work:

<ol-image-layer>
    <ol-source-image-wms
        :imageLoadFunction="myLoadFn"
        layers="topp:states"
        serverType="geoserver"
    />
</ol-image-layer>

[FTinkloh]

This worked, thank you!