zqx
V2EX  ›  问与答

单页应用使用 URL 传递参数,哪种是标准方式呢

  •  
  •   zqx · Dec 27, 2021 via Android · 2056 views
    This topic created in 1625 days ago, the information mentioned may be changed or developed.

    第一种: /user/1/detail
    第二种: /user/detail?id=1
    React ,Vue 的路由库都提供了方法,支持从 url path 里传参,类似于第一种方式,路由声明可能是 /user/:id/detail ,由各家的路由库解析为一个对象。
    但是浏览器也提供了 URL 对象,searchParams 方法支持解析?后面的参数字符串为一个对象。
    应该用哪种呢?我一直用的第二种。

    8 replies    2021-12-29 09:17:32 +08:00
    Pastsong
        1
    Pastsong  
       Dec 27, 2021
    用 1 比较 restful
    libook
        2
    libook  
       Dec 27, 2021
    没有所谓标准方式,你用 Body 和 Header 传也是可以的,关键是前后端能够约定一个当前项目的 API 标准。
    TomatoYuyuko
        3
    TomatoYuyuko  
       Dec 27, 2021
    确实是看约定,和后端约定好了怎么用都行,个人习惯是用户 id 一类的用第一种,纯业务参数类的用第二种,可以组合
    cloverstd
        4
    cloverstd  
       Dec 27, 2021
    别人说的是前端路由
    waiaan
        5
    waiaan  
       Dec 27, 2021
    没有标准,反正都是前端解析,你自己爱怎么来怎么来。
    aaniao002
        6
    aaniao002  
       Dec 27, 2021 via Android
    建议用 index.html#/user/detail ? id=1 ,老浏览器前端读取 uel 有问题。不考虑的话无所谓。
    aaniao002
        7
    aaniao002  
       Dec 27, 2021 via Android
    url
    zqx
        8
    zqx  
    OP
       Dec 29, 2021 via Android
    最近实践发现,路由参数风格没办法动态传参,也就是说要传的参数字段必须提前定义好,一旦参数传错位置,就会导致路由错误,甚至打不开页面。
    使用?search 风格,可以传任意参数,传了多余的参数,接收方也不用管,可扩展性更强一些。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3255 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 12:29 · PVG 20:29 · LAX 05:29 · JFK 08:29
    ♥ Do have faith in what you're doing.