Vuejs dropdown send parameter

mohon bantuannya rekan2 sekalian jadi saya sedang mencoba menampilkan artikel menggunakan vuejs sebagai frontend serta laravel sebagai backend namun saya ada kendali ketika menampilkan artikel sesuai dropdown kategori yang tersedia jadi flownya ketika user memilih kategori berdasarkan dropdown, otomatis artikel akan muncul sesuai kategori yg dipilih user yang jadi kendala, ketika saya mencoba mengaplikasikannya, vuejs seperti tidak 'melempar' id kategori ke controller, karena ketika saya dd($request), isinya hanya null

ini controllernya

public function getPostFilter(Request $request)
{
  return $request;
}

ini vuejs codenya

export default {
    data(){
      return{
        posts:[],
        category:[],
        key: "",
      }
    },
    created() {
      let uri = 'http://127.0.0.1:8000/api/post/all';
      let uris= 'http://127.0.0.1:8000/api/category/all';

      this.axios.get(uri).then(response => {
        this.posts = response.data;
      });

      this.axios.get(uris).then(response => {
        this.category = response.data;
      });
    },
    methods: {
        onChange(event) {
          let id = this.id;
          let uris= 'http://127.0.0.1:8000/api/post/filter';
          this.axios.post(uris, id).then(response => {
             console.log(response);
          }).catch(error => {
             console.warn('fail');
          })
        }
    }
  }

dan ini hasil dari console lognya

attribut data kosong dikarenakan saya berasumsi bahwa dari backend tidak menerima "parameter" dari vuejs

mohon bantuannya seperti apa best practice nya terima kasih