GET 和 HEAD 请求在 HTTP 协议中不允许携带请求体（body），若在 fetch 中为 GET 方法设置 body 会导致报错；正确做法是将参数通过 URL 查询字符串（query string）传递，而非放入 body。
get 和 head 请求在 http 协议中不允许携带请求体（body），若在 `fetch` 中为 get 方法设置 `body` 会导致报错；正确做法是将参数通过 url 查询字符串（query string）传递，而非放入 body。
在 Vue.js 中调用后端接口检查 URL 状态时，常见误区是试图像 POST 请求一样在 GET 请求中传入 body，例如：
fetch('/api/checkurl', {
method: 'GET',
body: JSON.stringify({ url: 'https://example.com' }) // ❌ 错误：GET 不允许有 body
});这会直接触发浏览器错误：
Uncaught TypeError: Failed to construct 'Request': Request with GET/HEAD method cannot have body
✅ 正确解法是将参数序列化为查询参数（query string），拼接到 URL 后：
Object.keys(this.items).forEach(key => {
const value = this.items[key];
const checkUrl = value.url + this.usersearch;
// 使用 URLSearchParams 自动编码参数，安全可靠
const query = new URLSearchParams({ url: checkUrl });
fetch(`/api/checkurl?${query}`, {
method: 'GET',
mode: 'cors',
cache: 'default'
// ⚠️ 注意：移除 headers 中的 'Content-Type'（GET 无 body，无需设置）
})
.then(response => response.text()) // 或 response.json()，取决于后端返回格式
.then(code => console.log(`Status code for ${checkUrl}:`, code))
.catch(err => console.error('Check failed:', err));
});? 关键要点说明：
立即学习“前端免费学习笔记（深入）”；
- HTTP 规范限制：GET/HEAD 请求语义上用于获取资源，所有参数必须通过 URL 传递（即 query string），body 字段在标准中被忽略或直接拒绝。
- 前端编码安全：使用 URLSearchParams 可自动处理特殊字符（如空格、中文、& 等）的 URI 编码，避免手动拼接导致的乱码或路由解析失败。
-
后端适配：确保 Laravel 路由明确支持 GET 方法，例如在 routes/api.php 中定义：
Route::get('/checkurl', [YourController::class, 'checkUrl']);并在控制器中通过 $request->query('url')（而非 $request->input('url')）获取参数。
? 额外建议：若需批量检测大量 URL，可考虑合并请求（如 POST 批量校验）以减少网络开销；但单次 GET 校验务必遵循无 body 原则，这是跨浏览器兼容与协议合规的基础要求。
