Laravel 10 and Vuejs 3 - Simple Invoice Application - Display all Invoice

[@poojapareek02]

Awesome tutorial..! This is un underrated channel due to not adopting fancy video creation methods.

[@abulhasnattanvir8009]

hoping for the next video soon ...... 😍

[@krillinsworld9439]

The problem with this section is the the CUSTOMER_ID doesn't match the ACTUAL customers ID table data because in the InvoiceFactory the database was set to 'customer_id' => $this->faker->numberBetween(10,20), but the ACTUAL DATABASE just counted the AUTOINCREMENTED ID 1, 2, 3, 4 and 5 (NOT RANDOM AT ALL). If you open your database, go to the invoices table and change the CUSTOMER_ID to the 5 entries of 1, 2, 3, 4 or 5, of the 5 entries, refresh your screen and your "faker" data will appear on the screen. This is an oversite in planning. All these "great tutorials" comment must be "FAKER"s as this tutorial is PLAGUED with problems like this! I maybe learning VUE but I am no idiot. There should be a disclaimer on this project.

[@nexus_87-t5c]

Do I need to import axios somewhere? 7:20 my response object does not have invoices, just HTML

[@beticohernandez9536]

Hola
La api donde esta?

[@aswathiachu7202]

Thank you

[@tholfikarmohammed887]

why all axios request return 500 response?! even in the portfolio project i had the same issue!

[@themuaz1997]

@devs-share-tutorials did you change the customer table name? because I realised before this on customers table there's an 's' as in customers not customer. Can you help?

[@devstrain]

Find source code to [e-mail]

[@GaryvandenHeever1]

Thank you ..
I encountered an error on the mounting in the script.
I changed the code to this ...
import { onMounted, ref } from 'vue';
export default {
setup() {
let invoices = ref([]);
onMounted(async () => {
await getInvoices();
});
const getInvoices = async () => {
try {
let response = await axios.get("/api/get_all_invoice");
invoices.value = response.data;
console.log('response', response );
} catch (error) {
console.error('Error fetching invoices:', error);
}
};
return {
invoices,
};
},
};
I just hope to help anyone else that maybe gets the errors there as well
.......>
Many thanks for the great tutorial

[@krillinsworld9439]

This does nothing but throw an error in on the page of an out dated ES process. DO NOT USE THIS.

[@MindfulMeditations100]

Thank you for the tutorial!
I can't get customer_name instead of customer_id
the codes are the same as yours, but it does not show any error and it does not show the customer's name
I appreciate if you could help me with that thank you

[@themuaz1997]

I think need to add customer_name on the invoices table

[@krillinsworld9439]

The issue is the invoice table is not looking for the proper customer ID. Change the customer_id column in the invoices to match the ACTUAL customers ID (1, 2, 3, 4 or 5) of 5 entries in the customers table in the database.

[@neetudewasi270]

customer data is not showing

[@drakhellfallen6365]

thnx for the tutorial, hoping for the next vid soon

[@muhammadjonsharipov2200]

Thank you for the tutorial!

[@cedrickniyonkuru1057]

Very good !!!

[@mshm7220]

thank you

[@abulhasnattanvir8009]

thanks 😍

[@joachimhorey2490]

🙏 Promo sm

[@akmaljon2402]

Thank you for the tutorial!