Wasp•2y ago

I am getting a 404 with a custom api when using a parameter

this is my wasp api
api getPexels {
httpRoute: (GET, "/api/get-pexels/:query"),
fn: import { getPexels } from "@src/server/pexels.js",
}

this is my api call

const res = await api.get(

/api/get-pexels?query=${selectedCity}

/api/get-pexels?query=${selectedCity}

);

and this is my backend function

export const getPexels: GetPexels<{ query: string }> = async (req, res, context) => {
console.log('pexels called');

kapa.ai•6/26/24, 5:56 AM

Hi @haarismian. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•6/26/24, 5:56 AM

----------------------
It seems like you are trying to use a query parameter in your API call, but your API is expecting a route parameter.

In your Wasp API declaration, you have defined a route parameter :

However, in your API call, you are using a query parameter :

To fix this, you should change your API call to use a route parameter instead of a query parameter. Here's how you can do it:

This way, will be passed as a route parameter and should be accessible in your backend function as .

For more information on how to create and use APIs in Wasp, you can refer to the Wasp documentation (https://wasp-lang.dev/docs/advanced/apis).
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•6/26/24, 5:56 AM

Sorry @haarismian, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

miho•6/26/24, 7:27 AM

Kapa is correct

using means you are defining a route parameter and the route expects