example - En el proyecto Vue cli, ¿dónde colocar la aplicación api de Laravel y cómo llamar a api in vue js?

vue-authenticate example

Question

La aplicación vue está dentro: C:/xampp/htdocs/booking

Laravel api está dentro: C:/xampp/htdocs/booking-api

Para su información: la aplicación vue está trabajando en http: // localhost: 8080

Si la estructura de la carpeta es como la de arriba, entonces la aplicación funciona bien, puedo llamar a la API de esta manera,

axios.get(''http://localhost/booking-api/public/Rooms'').then((response)=>this.items = response.data);

Pero quiero la carpeta booking-api dentro de la carpeta de booking . Si lo coloco y si llamo a la API como a continuación,

axios.get(''/booking-api/public/Rooms'').then((response)=>this.items = response.data);

No funcionará y la ventana de la consola es así,

Request URL:http://localhost:8080/booking-api/public/Rooms
Request Method:GET
Status Code:404 Not Found

Entonces, ¿cómo puedo colocar el proyecto de api dentro de la aplicación vue y cómo llamar a la API desde vue?

Answer 1

Está bien, supongo que usaste vue js webpack build en tu proyecto. Pasos. 1. server su vue js projet usando 2. npm run dev el servidor predeterminado para vue sería localhost:8080

Ahora tu api-parte 1 No importa dónde lo pongas. Instale el laravel y siga los procedimientos normales. y servirlo php artisan serve . funcionará normalmente sin 127.0.0.1 o localhost:8000 .

Y la parte cuando publicas tus datos en tu servidor. Supongamos: una secuencia de comandos en un componente de muestra axios.post(''localhost:8000/api/postData'',data).then((response) => {//do something here}

mientras publicas aquí, deberías ocuparte de Cross Origin Resource Sharing. si te metes en un problema, no dudes en preguntar.