慎用路径参数

情况

当路径参数中出现斜杠时，会导致后端路由错误，无法匹配到正确的处理方法。

其他问题

路径参数会导致开发者工具的网络请求中，名称表意不清。

相比之下，查询参数更能看出意图。

而如果把参数放到data里面，也能看出意图（一般是直接写小驼峰接口名，比如getPage），而且在大多数情况都比较清晰。

其他方式

const targetUrl = 'https://api.imgbb.com/1/upload';
const finalUrl = `/image-hosts?host=${encodeURIComponent(targetUrl)}`;
// 结果: /image-hosts?host=https%3A%2F%2Fapi.imgbb.com%2F1%2Fupload
// 注意: 这里的 %2F 是安全的，服务器不会拦截 Query 参数里的 %2F
await fetch(finalUrl, ...);

依然使用

如果依然要使用路径参数，应该注意什么。

• 数字不会产生问题
• 注意用户输入
  由于路径参数不能有斜杠，因此需要注意参数的值。
  由于一般情况下不会限制用户输入什么，因此假如他把斜杠输入进去，就会引发错误。

虽然你确实可以禁止用户输入斜杠，但是很多情况下，在逻辑上你不应该限制他去输入斜杠，比如哔站这新建文件夹，假如来个限制输入就会显得很奇怪（事实上人家也确实没限制）。