Fetch запрос + jquery params ? (делать запрос на сервер)

Как сделать запрос чтобы отфильтровать данные через params: {} Есть url по которому я вывожу информацию (id, city) Как делать запрос с query params чтобы с не грузит сразу 100, а только те где города Kiev

<template>
<div>
    <h2>Products</h2>
    <div v-for="product in products" class="box">
        <p>{{product.id}}</p>
        <p>{{product.city}}</p>
    </div>
</div>
data() {
    return {
       products: []
           }
        },
    async mounted() {
        const res=await fetch('https://burburbus.com.ua/api/temp')
        const products=await res.json()
            this.products = products.data
        },
    methods: {
         filterProducts() {
            this.products=this.products.filter(i=>i.data.city = 'Kiev')
    }

}


Ответы (1 шт):

Автор решения: RavenTheX

В таком виде, но вообще советую подключить аксиос https://github.com/axios/axios

data() {
    return {
       products: []
           }
        },
    async mounted() {
        const res=await fetch('https://burburbus.com.ua/api/temp?city=kiev')
        const products=await res.json()
            this.products = products.data
        },
    methods: {
         filterProducts() {
            this.products=this.products.filter(i=>i.data.city = 'Kiev')
    }
}
→ Ссылка