vue cli项目中，Laravel api app放哪里，vue js中如何调用api？

Question

vue 应用程序在里面：C:\xampp\htdocs\booking

Laravel api 在里面：C:\xampp\htdocs\booking-api

仅供参考：vue 应用程序正在 http://localhost:8080

如果文件夹结构像上面那样，那么应用程序可以正常工作我可以这样调用 api，

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

但我想要 booking-api 文件夹在 booking 文件夹中。如果我放置它并且如果我像下面这样调用 api，

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

不行，控制台window是这样的，

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

那么，如何将 api 项目放入 vue 应用程序以及如何从 vue.api 调用

Answer 1

好的，我猜你在你的项目中使用了 vue.js webpack 构建。步骤。

vue.js

现在你的api部分

放在哪里都无所谓。按照正常程序安装 laravel；使用 php artisan serve 提供服务。它通常会运行 127.0.0.1 或 localhost:8000。
假设：示例组件上的脚本 axios.post('localhost:8000/api/postData',data).then((response) => {//do something here}

在这里发帖时，您应该注意跨源资源共享，或者如果您删除现有组件，可能会出现 csrf 问题。

In Vue cli project, where to place Laravel api app and how to call api in vue js?