blob: urls rejected

[juanevp]

Describe the bug

axios throws ERR_BAD_REQUEST (message: Unsupported protocol blob:) when processing a url with scheme blob:

To Reproduce

This code:

const blob = new Blob(["some content"]);
const url = URL.createObjectURL(blob);
const response = await axios.get(url, {responseType: "blob"});

generates a blob url (eg, blob:http://localhost:3001/01296a6c-a41f-49b1-b59e-af71729dbb6b) which axios rejects as having an invalid scheme. But the browser supports such urls and it was working alright until #3544 which started restricting the schemes accepted.

Expected behavior

Accept the request.

Environment

• Browser
• axios 0.26.1 and later.

Additional context/Screenshots

Add any other context about the problem here. If applicable, add screenshots to help explain.

[jasonsaayman]

Closed and merged

[maxstue]

@jasonsaayman Hi wenn will this fix be published on npm? because on my project we are facing the same issue. We could downgrade to 0.26 but I would rather wait some days and upgrade

[skout90]

0.27.2 version has same problem.

[krisliew]

On version 0.27.2, I am getting the same error as above with responseType: "arraybuffer"

[nathantaal]

Any updates? This seems still to be an issue.

[arpitha-jaanaki]

any updates on "Unsupported protocol blob" as im facing the same issue on "axios version ": ^0.27.2"

kindly let me know if any solution figured out !..

have a look below for the image which shows error.

[maxstue]

@arpitha-jaanaki i think this is fixed in version 1.x and up, you should use that one and test if it still occurs

[arpitha-jaanaki]

HI
used version v1.3.0 and this is fixed

thanks for the suggestion.

[arpitha-jaanaki]

hi above error got fixed but axios with version greater than 1.0.0 has some error too that it shows "Cannot use import statement outside a module " for import Axios from 'axios';

how to fix this new, solution tried : added type :"module" in package.json file

[maxstue]

@arpitha-jaanaki If you are inside a browser environment(react/vue,...), you need to add "type="module" to your script tag.