【React】reactRouter不配置express的情况下如何实现路由?
我自己照着官方示例做的。
点击切换时可以的,可是切换后例如,http://localhost:3000/users 再刷新就出现
我看了下官方示例里面有个server.js,应该是配置的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