EncodeURIComponent within the params option returns a 404 for a GET request

I am fetching a video over the web, convert it to blob/objectURL and return the blob url. The param I am passing to the endpoint URL is a URL itself so I need to encode it to make sure characters that need escaping end up correct. But axios throws me a 404 error in that case. While if I pass the url directly, without encoding it first, status is 200.

This throws a 404:

    return axios(endpoint, { 
        method: 'GET', 
        params: { url: encodeURIComponent(url) },
        responseType: 'arraybuffer',
        headers: new Headers({'Access-Control-Allow-Origin': '*'}) 
      })

This is OK 200:

    return axios(endpoint, { 
        method: 'GET', 
        params: { url: url },
        responseType: 'arraybuffer',
        headers: new Headers({'Access-Control-Allow-Origin': '*'}) 
      })

_BUT_, if I include the encoding directly in the endpoint without using the params option, status is 200, like so:

    return axios(
        `${endpoint}?url=${encodeURIComponent(url)}`, { 
             method: 'GET', 
             responseType: 'arraybuffer',
             headers: new Headers({'Access-Control-Allow-Origin': '*'}) 
           })

Is that normal behavior?

[zzfScarecrow]

When I use axios.get(url, params)，it didn’t encodes at all, but if I encode params manually, it will encodes my params twice

[puppeteer701]

Is there a way to disable encoding of the url?