跳到正文

URL

初级通用

URL(统一资源定位符)是用来标识网络资源位置的地址,通常包含访问方式、主机和资源路径。它让浏览器或程序知道去哪里获取页面、图片或接口数据,例如打开一个商品详情页。

你可能会说:「我想让用户复制一个地址发给同事,对方打开后能看到同一个筛选结果。」

动手看看

商城资源定位器示意地址,不会发起真实网络请求。
https://
shop.example.com
/products/42
协议:怎么访问
主机:去哪里
路径:找什么
目标主机:shop.example.com
预览环境,不是正式商城
轻量通勤背包页面资源 · 商品编号 42 · 售价 ¥269
42.webp图片资源 · 通勤背包主图 · 示例尺寸 800 × 800
商品接口响应JSON 示例:{"id":42,"name":"轻量通勤背包","price":269}
协议
主机
资源路径

悬停地址的三段,或用 Tab 聚焦它们,再切换参数。URL 把怎么访问、去哪个主机、找哪个资源串成一个地址;下方是定位示意。

要点

  1. 1

    访问方式决定怎么连接

    看见 https://shop.example/products 时,开头的 https 表示使用 HTTPS 访问。你给 AI 描述接口地址时,把这部分说清楚,它才知道请求走什么协议。

  2. 2

    主机和路径逐步缩小范围

    在 https://shop.example/products/42 中,shop.example 指向网站,/products/42 指向站内的具体位置。域名相同、路径不同,通常就是在访问不同的页面或接口。

  3. 3

    查询参数传递页面条件

    问号后可以放查询参数,例如 /products?sort=price。做商品列表时,你可以用它表达排序或筛选条件,这样复制地址给别人,对方也有机会看到同样的列表条件。

  4. 4

    片段定位到页面内部

    井号后的片段可以指向页面中的某个位置,例如 /guide#install。浏览器打开后可以跳到安装章节;片段通常不会随 HTTP 请求发给服务器,所以别把它当作普通接口参数。

容易混淆的地方

域名只是 URL 中用于定位主机的一部分;同一个域名下,不同路径和查询参数可以对应不同内容。路由则是应用收到某个路径后如何处理的规则。你把 URL 交给 AI,描述的是访问地址;要它实现页面或接口,还得说清路由对应的行为。

什么时候用

适合用

  • 做商品列表的分享功能时,把筛选和排序条件放进 URL,让同事打开链接后看到相同条件。
  • 接入后端接口时,告诉 AI 请求的完整 URL,方便核对协议、主机、路径和查询参数。
  • 写帮助文档时,提供带片段的 URL,让用户打开页面后直接定位到相关章节。

不适合用

  • 只想在当前页面临时切换一个未保存的标签页时,用组件状态就够了,不必为它设计可分享的 URL。
  • 后端程序要读取服务器磁盘上的文件时,使用文件系统路径,不必把它包装成网络访问 URL。
  • 同一程序内只是调用已有函数时,直接调用函数即可,不需要为了传值另设一个 URL。

练一练

你在做商品后台,想让运营复制地址给同事,对方打开后看到按“库存低”筛选的列表。哪种做法最贴合这个需求?

让 AI 帮你做

请为商品列表实现可分享的筛选状态:把库存状态和排序方式写入 URL 的查询参数;页面首次打开时读取参数并恢复列表条件;用户修改条件后同步更新地址,并处理缺失或无效的参数。

接下来学什么