(),可以通过以下步骤实现:
import { fetch } from 'laravel-fetch';
fetch('/api/data', {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token // 如果需要身份验证,可以添加Authorization头部
},
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
Route::get('/api/data', function () {
// 处理请求并返回响应数据
});
// 在app/Http/Kernel.php文件中的$routeMiddleware数组中添加以下代码
'cors' => \App\Http\Middleware\Cors::class,
// 在app/Http/Middleware目录下创建Cors.php中间件文件,并添加以下代码
public function handle($request, Closure $next)
{
return $next($request)
->header('Access-Control-Allow-Origin', '*')
->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
->header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
}
这样,你就可以在VueJS 3中使用Laravel中的fetch()方法来发送请求并获取响应数据了。
关于VueJS 3和Laravel的更多信息和详细介绍,你可以参考以下链接:
腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅供参考,具体的产品选择应根据实际需求和情况进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云