最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

Navlink仅将其“to”属性值与现有URL

IT培训 admin 5浏览 0评论

Navlink仅将其“to”属性值与现有URL

当我想使用<MenuItem>导航如下

<MenuItem onTouchTap={() => {this.handleClose()}}>
 <NavLink to="/api/logout">Sign Out</NavLink>
</MenuItem>

这只是将提到的'to'属性值/api/logout放在链接到现有路由的URL中,而不去那条路径并最终在浏览器上显示http://localhost:3000/api/logout的链接,而不是在nodejs后端服务器上的注销路径上!这是一个问题。

请注意,我使用代理从3000到5000指向如下

 "proxy": {
    "/api/*": {
      "target": "http://localhost:5000"
    }
  },

一般来说,我猜这是因为<Link><NavLink>之间的区别。

如果您想了解更多关于此问题出现的位置,您可以查看我之前发布的how navigate using the MenuItem? material-ui V1帖子,但这不是必需的。

回答如下:

当我将代码更新为:

<MenuItem onClick={this.handleClose} ><a href="/api/logout">Sign Out</a></MenuItem> 

Navlink仅将其“to”属性值与现有URL

当我想使用<MenuItem>导航如下

<MenuItem onTouchTap={() => {this.handleClose()}}>
 <NavLink to="/api/logout">Sign Out</NavLink>
</MenuItem>

这只是将提到的'to'属性值/api/logout放在链接到现有路由的URL中,而不去那条路径并最终在浏览器上显示http://localhost:3000/api/logout的链接,而不是在nodejs后端服务器上的注销路径上!这是一个问题。

请注意,我使用代理从3000到5000指向如下

 "proxy": {
    "/api/*": {
      "target": "http://localhost:5000"
    }
  },

一般来说,我猜这是因为<Link><NavLink>之间的区别。

如果您想了解更多关于此问题出现的位置,您可以查看我之前发布的how navigate using the MenuItem? material-ui V1帖子,但这不是必需的。

回答如下:

当我将代码更新为:

<MenuItem onClick={this.handleClose} ><a href="/api/logout">Sign Out</a></MenuItem> 
发布评论

评论列表 (0)

  1. 暂无评论