antd 页面跳转_React单页面应用使用antd的锚点跳转失效

首先在react项目中引用antd的锚点

import {Anchor} from 'antd';const { Link } = Anchor;

//测试

dddd

ffff

发现页面进行跳转而不是点位到页面的锚点，发现url有所改变解决办法:加上location.hash可以解决

React不引入antd如何实现锚点跳转代码如下：

scrollToAnchor (id){ document.getElementById(id).scrollIntoView(false);}

render:

• this.scrollToAnchor('Summarize')}>Summarize
• this.scrollToAnchor('ProductFunction')}>ProductFunction
• this.scrollToAnchor('ToHelpAnswer')}>ToHelpAnswer

点点滴滴

fffffffff

wwwwwww

react单页面应用的Nginx配置问题

项目中多数使用react单页面开发,路由使用react-router的browser-router,这样页面访问路径看起来像是真实的,如http://xx.xxx.xxx/a