首页 > 解决方案 > 如何使用 Axios 和 React Router 在新 Route 中从 API 获取数据,而不使用查询参数

问题描述

我正在尝试使用给定的 url 打开包含汽车信息的模式。用户可以通过从表中选择汽车来完成此操作,但我希望能够通过浏览器搜索栏中的链接,或者如果我向您发送了链接,以打开包含所选汽车详细信息的模式。

正常流程是用户选择是单击显示在表格中的汽车并打开带有所选汽车详细信息的模式,该表格位于背景中。

我不能提供任何图片,对不起。

我的路径是/cars/:companyId/:storageId/:carId路径/cars,显示表格的路径。

发生的情况是,在浏览器中设置这个 url http://www.companyX:8080/cars/TC23SD/DMLSN1/FS-1452,然后我用这个 Url 进行 api 调用companies/TC23SD/storages/DMLSN1,Axios 使用的请求 url 是http://www.companyX.com:8080/cars/TC23SD/DMLSN1/companies/TC23SD/storages/DMLSN1,我得到一个 404 错误,它是正确的,因为正确的请求 url 应该是http://www.companyX.com:8080.com/companies/TC23SD/storages/DMLSN1.

我的目标是使用不带查询参数的 am URL(您在浏览器上设置)。

这可能吗?

很抱歉在这里发了很长的帖子,我试图更好地解释我自己。

标签: javascriptreactjsurlaxiosreact-router-dom

解决方案


推荐阅读