需要在特定路由VUE上向后端api (LARAVEL)发送请求

// Vue组件中的代码
<template>
  <div>
    <button @click="sendRequest">发送请求</button>
    <div>{{ response }}</div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      response: ''
    };
  },
  methods: {
    sendRequest() {
      axios.get('/api/data') // 发送GET请求到后端API的'/api/data'路由
        .then(response => {
          this.response = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
};
</script>

// Laravel后端的代码
// routes/api.php
Route::get('/data', 'DataController@index'); // 定义GET请求的'/api/data'路由，由DataController的index方法处理

// app/Http/Controllers/DataController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class DataController extends Controller
{
    public function index()
    {
        // 处理请求并返回响应
        $data = ['message' => 'Hello, World!'];
        return response()->json($data);
    }
}