javascript - 在浏览器的 URL 中反射并发出 Axios 请求

Question

我在寻找什么

一点 JavaScript 逻辑帮助；虽然，我不确定我需要通过 Vue Router 做什么。不是在寻找答案，而是更多地指向正确的方向（我什至不确定我是否正确地表达了这个问题）。

问题

我一直在用 Axios 发出 API 请求（那里没问题）。我在请求的标头中有一个 JWT 令牌。但是，（以前从未这样做过）我现在需要让用户在浏览器的 URL 中输入的搜索参数，当他们请求将链接共享给他们的同事时，这将路由到具有输入/选择的相同选项的同一页面和使用这些查询参数调用的 API 请求。

我真正不知道的是：

• A. 在路由上发出 API 请求的最佳方式是什么（使用查询参数加载 url）？页面的路由与对应的 API 端点 Url 不匹配。
• B. 如何将用户输入/选择的数据放入浏览器的 URL？
• C. 即使现在有查询字符串，我是否需要修改我的路由对象以使这些页面仍然正确路由？

解决方案

（必须是纯粹的前端解决方案——我正在使用整个 vue 生态系统）

标签： javascriptapivue.jsaxiosvue-router

Answer 1

弄清楚我需要做什么：

一个

该项目不是服务器端渲染的；因此，我需要解析 Vue 上的 URLcreated并使用查询字符串中的参数发出请求。这看起来像是 URL 引起了 API 请求。

乙

只需将 Axios 的请求查询字符串附加到 URL，我认为这是装饰性的，应该没问题。

C

我不确定，但会玩弄它。