Vue Js + Axios + Laravel retrieving data Database

I have two tables Products and Categories with a relationship onetomany (One Category has many products).

I have a vue js form where I can create products (in this case a select field pull the categories with Axios and display category name in the select and when the record in the databse is made it use the Id of the category (not the category name) ). I use axios to push the data into mysql database via the API I created in Laravel routes.

I have a view (table made with v-for) where I list Products. i have a column Category for each product. When I fetch product I get the cateogy id and not the category name. How do I display the category_name and not the category id in the view ?