ant design pro的/:id路径从页面按钮可以打开,刷新就打不开

ant design pro的/:id路径从页面按钮可以打开,刷新就打不开

这是因为Ant Design Pro使用了React Router,而刷新页面时浏览器将会向服务器发出新的请求。如果您没有在服务器中配置路由匹配规则,那么服务器将无法将这个请求映射到对应的React Router路由上,从而导致页面无法打开。

为了解决这个问题,您需要在服务器中配置一个通配符路由规则,将所有请求都映射到React Router的入口地址上。具体来说,您可以添加以下配置来处理这个问题:

location / {
  # 通配符路由规则
  try_files $uri $uri/ /index.html;
}

在这个配置中,try_files指令将会尝试匹配请求的URI,如果匹配失败,则将请求映射到/index.html。这里的/index.html就是React Router的入口地址。

通过添加这个配置,您就可以在刷新页面时打开Ant Design Pro的/:id路径了。

例如我的ant生成的文件放在manager目录下,要访问/manager/article/add/71,则配置

location /manager/article/add/ {
    try_files $uri $uri/ /manager/index.html;
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值