为什么我的 axios 简单获取请求不会返回控制器返回的内容？

Question

我正在用React.js学习Laravel，但我不明白为什么我的简单get请求不起作用。我收到一个404错误。我在SO上看到过类似的问题，我尝试过在命令行上运行composer require barryvdh/laravel-cors，但它仍然不起作用。

我该如何纠正？

以下是反应代码：

constructor(props) {
super(props);
this.axiosGet = this.axiosGet.bind(this);
}
axiosGet(e) {
e.preventDefault();
axios.get('/thank-you')
.then(response => {
console.log(response);
});
}
render() {
<Form onSubmit={this.axiosGet}>
...
</Form> 
}

这是api.php

use AppHttpControllersMailController;
Route::get('/thank-you', [MailController::class,'index']);

这是MailController.php

public function index() {
return "Testing";
}

Answer 1

您的路线是/api/thank-you。当您使用API路由时。API在您的路线前面。

将您的axios.get('/thank-you')更改为axios.get('/api/thank-you')