В проекте vue cli, где разместить приложение Laravel api и как вызвать api в vue js?

vue приложение находится внутри:C:xampphtdocsbooking

Laravel api находится внутри:C:xampphtdocsbooking-api

FYI: vue приложение работает на http://localhost:8080

если структура папок, как указано выше, то приложение работает нормально, я могу вызвать api, как это,

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

но я хочу!--5-- папка> внутри . Если я размещаю его и вызываю api, как показано ниже,

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

это не будет работать и окно консоли это как это,

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

Итак, как я могу поставить внутри vue app и как вызвать api из vue.

8
laravel laravel-5.4 vue-cli vue.js vuejs2

1 ответов

хорошо, я думаю, вы использовали сборку Vue JS webpack в своем проекте.Лестница. 1. сервер вуе в JS проект, используя 2. npm run dev сервер по умолчанию для vue будет localhost:8080

теперь ваш api-часть 1 не имеет значения, куда вы его положили. Установите laravel и следуйте обычным процедурам. и служить ему!--2-->. он будет работать нормально no 127.0.0.1 или localhost:8000.

и часть, когда вы отправляете свои данные на свой сервер. Предположим: сценарий на примере компонента axios.post('localhost:8000/api/postData',data).then((response) => {//do something here}

во время публикации здесь вы должны позаботиться о совместном использовании ресурсов Cross Origin. если вы попадете в проблему, пожалуйста, не стесняйтесь спрашивать.

0