从使用react路由器的网络应用程序解析物理URL

Resolving physical URLs from a webapp that uses react-router

本文关键字：URL 应用程序 网络 react 路由器      更新时间：2023-09-26

我正在开发一个使用REACT和REACT-ROUTER开发的Web应用程序。正在使用的历史记录类型是BrowserHistory。

问题是在我的应用程序中，我有一个对服务器上的upload.php文件的XMLHTTP请求。php文件位于根目录中，但调用是从具有虚拟URL的react组件进行的：hostname/pagename/add当我试图引用.php文件时，它找不到，因为它正在hostname/pagename/add/upload.php中查找它这是调用upload.php文件的代码

this.getRequest(
       'upload.php', //Note: tried '/upload.php'  and '../../upload.php'
        formData,
        this.uploadResponse,  
        this.uploadError    
    )

这是我提出的解决方案：

this.getRequest(
        window.location.origin+'/upload.php'
        formData,
        this.uploadResponse,  
        this.uploadError    
    )

如果有人有任何其他建议，我还是很想听听。

相关文章：