【React】reactRouter不配置express的情况下如何实现路由?

我自己照着官方示例做的。
点击切换时可以的,可是切换后例如,http://localhost:3000/users 再刷新就出现

【React】reactRouter不配置express的情况下如何实现路由?

我看了下官方示例里面有个server.js,应该是配置的express

【React】reactRouter不配置express的情况下如何实现路由?

1 如果我不想配置express 只在web端配置路由可以吗?
2 怎么配置不需要express的路由?最好推荐个好的例子或者教程,谢谢。

回答

这个需求的确是需要后端路由做相印配置的,给你个简单的例子:

app.get('/*', function(req, res) {

res.sendfile('index.html');

});

把这句话加在你server.js里配置路由代码的最后面(注意index.html,改成你自己的真实的返回的html页面就好了)

补充:

在什么地方配置路由,取决于你用什么方式解决问题。按照你现在选用的方式,有时候我们管这种方式叫html5 mode,就是url里没有#的路由格式。这种方式必须要提供后端支持。

如果你实在没兴趣给后端加功能,那就不要用这种模式,老老实实换回普通的前端路由,用#做路由区分好了

不一定要后端配置路由的,做SPA也就是单页应用的时候都是前端路由。
这里有一个中文文档,但是版本比较老,react-router-cn/" rel="nofollow noreferrer">http://react-guide.github.io/react-router-cn/
推荐看英文文档,https://github.com/reactjs/react-router

以上是 【React】reactRouter不配置express的情况下如何实现路由? 的全部内容, 来源链接: utcz.com/a/76361.html

回到顶部