URL
URL(统一资源定位符)是用来标识网络资源位置的地址,通常包含访问方式、主机和资源路径。它让浏览器或程序知道去哪里获取页面、图片或接口数据,例如打开一个商品详情页。
你可能会说:「我想让用户复制一个地址发给同事,对方打开后能看到同一个筛选结果。」
动手看看商品地址的资源定位
悬停地址的三段,或用 Tab 聚焦它们,再切换参数。URL 把怎么访问、去哪个主机、找哪个资源串成一个地址;下方是定位示意。
要点一个 URL 怎么指向你要找的内容?
- 1
访问方式决定怎么连接
看见 https://shop.example/products 时,开头的 https 表示使用 HTTPS 访问。你给 AI 描述接口地址时,把这部分说清楚,它才知道请求走什么协议。
- 2
主机和路径逐步缩小范围
在 https://shop.example/products/42 中,shop.example 指向网站,/products/42 指向站内的具体位置。域名相同、路径不同,通常就是在访问不同的页面或接口。
- 3
查询参数传递页面条件
问号后可以放查询参数,例如 /products?sort=price。做商品列表时,你可以用它表达排序或筛选条件,这样复制地址给别人,对方也有机会看到同样的列表条件。
- 4
片段定位到页面内部
井号后的片段可以指向页面中的某个位置,例如 /guide#install。浏览器打开后可以跳到安装章节;片段通常不会随 HTTP 请求发给服务器,所以别把它当作普通接口参数。
容易混淆的地方
域名只是 URL 中用于定位主机的一部分;同一个域名下,不同路径和查询参数可以对应不同内容。路由则是应用收到某个路径后如何处理的规则。你把 URL 交给 AI,描述的是访问地址;要它实现页面或接口,还得说清路由对应的行为。
什么时候用
适合用
- 做商品列表的分享功能时,把筛选和排序条件放进 URL,让同事打开链接后看到相同条件。
- 接入后端接口时,告诉 AI 请求的完整 URL,方便核对协议、主机、路径和查询参数。
- 写帮助文档时,提供带片段的 URL,让用户打开页面后直接定位到相关章节。
不适合用
- 只想在当前页面临时切换一个未保存的标签页时,用组件状态就够了,不必为它设计可分享的 URL。
- 后端程序要读取服务器磁盘上的文件时,使用文件系统路径,不必把它包装成网络访问 URL。
- 同一程序内只是调用已有函数时,直接调用函数即可,不需要为了传值另设一个 URL。
练一练选一个答案,看看解释
你在做商品后台,想让运营复制地址给同事,对方打开后看到按“库存低”筛选的列表。哪种做法最贴合这个需求?
让 AI 帮你做复制给 AI Agent 直接用
请为商品列表实现可分享的筛选状态:把库存状态和排序方式写入 URL 的查询参数;页面首次打开时读取参数并恢复列表条件;用户修改条件后同步更新地址,并处理缺失或无效的参数。