Alguien mas corrigió el error que ha muchos les está dando en el endpoint ? a mi me tira error 405 . y tengo una duda, al hacer en la forma en que uriel lo hace me sale como si fuera un metodo get. la unica forma que me funciona es con axios.post... pero sigue con el error. alguien podría ayudarme?
-
check_circle_outlineMódulo 1 | 7 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 20 clases
Autenticación y Productos
expand_more -
check_circle_outlineMódulo 3 | 11 clases
Vue
expand_more -
check_circle_outlineMódulo 4 | 13 clases
Carrito de Compras
expand_more-
done_all
Clase 1
Crear tabla del carrito
-
done_all
Clase 2
Manejar carrito con sesiones
-
done_all
Clase 3
Definir variables para todas las vistas
-
done_all
Clase 4
Relación muchos a muchos
-
done_all
Clase 5
Rutas REST con opciones
-
done_all
Clase 6
Pasar datos de un middleware al controlador
-
done_all
Clase 7
Agregar al carrito de compras
-
done_all
Clase 8
Contar productos en un carrito
-
done_all
Clase 9
Agregar al carrito con AJAX y Vue
-
done_all
Clase 10
Vuex
-
done_all
Clase 11
Mostrar carrito de compras
-
done_all
Clase 12
Productos del carrito con Vue
-
done_all
Clase 13
Calcular total del carrito
-
-
check_circle_outlineMódulo 5 | 6 clases
PayPal
expand_more
8 comentario(s)
Hola Uriel, me podrias ayudar de favor con este problema que tengo, esto me sale en la consola del navegador:
app.js:14354 CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token
app.js:14206 POST http://localhost/ecommerce/public/productos/in_shopping_carts 405 (Method Not Allowed)
app.js:14231 Uncaught (in promise) Error: Request failed with status code 405
app.js:14354 CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token
app.js:14206 POST http://localhost/ecommerce/public/productos/in_shopping_carts 405 (Method Not Allowed)
app.js:14231 Uncaught (in promise) Error: Request failed with status code 405
<template>
<button click="addToCart" class="btn btn-primary">{{message}}</button>
</template>
<script>
export default {
data(){
return{
message: 'Agregar al carrito',
endpoint: '/tienda/public/in_shopping_carts'
}
},
props: { product: {type: Object }},
methods:{
addToCart(){
axios({
url: this.endpoint,
method: 'POST',
data: {
product_id: this.product.id
},
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}
}).then(()=>{
console.log('se agrego el producto');
})
}
}
}
</script>
<button click="addToCart" class="btn btn-primary">{{message}}</button>
</template>
<script>
export default {
data(){
return{
message: 'Agregar al carrito',
endpoint: '/tienda/public/in_shopping_carts'
}
},
props: { product: {type: Object }},
methods:{
addToCart(){
axios({
url: this.endpoint,
method: 'POST',
data: {
product_id: this.product.id
},
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}
}).then(()=>{
console.log('se agrego el producto');
})
}
}
}
</script>
<template lang="html"> <button class="btn btn-primary" click="addToCart">{{message}}</button> </template> <script> var url = "{{ route('/in_shopping_carts')}}" export default { data(){ return{ message: 'Agregar al carrito', //endpoint: '/in_shopping_carts' } }, props: {product: {type: Object }}, methods:{ addToCart(){ axios({ url: url, method: 'POST', data: { product_id: this.product.id }, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }).then(()=>{ console.log('se agrego el producto'); }) } } } </script> <style lang="css"> </style>
<add-product-btn :producto='{!! $producto!!}'></add-product-btn>
Automáticamente lo convierte en json
Clase 46