在Vue cli项目中，在哪里放置Laravel api应用程序以及如何在vue js中调用api？

Question

vue app位于：C:\xampp\htdocs\booking

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

仅供参考：vue应用正在开展 http://localhost:8080

如果文件夹结构如上所述，那么app工作正常我可以像这样调用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);

它不起作用，控制台窗口就像这样，

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 build。步骤。  1.使用你的vue js projet服务器  2. npm run dev vue的默认服务器为localhost:8080

现在你的api-part 1你把它放在哪里。安装laravel并遵循正常程序。并为其服务php artisan serve。它通常不会运行127.0.0.1或localhost:8000。

将数据发布到服务器时的部分。让我们假设：样本组件axios.post('localhost:8000/api/postData',data).then((response) => {//do something here}

上的脚本

在此处发布时，您应该处理跨源资源共享。 如果你遇到问题，请随时问。