美文网首页
打通全栈之前端react后台express如何进行数据交互

打通全栈之前端react后台express如何进行数据交互

作者: 我不是小叮当 | 来源:发表于2018-03-18 21:27 被阅读0次

    最近遇到的困难在于,不知道该如何把注册信息存储到数据库中,以及如何在登录的时候将用户输入的信息与数据库中的注册信息进行匹配,因此一直在寻找解决方案。查阅资料后发现这种情况下,有必要与后台服务器进行数据交互了。问题有如下几个:

    1. 如何将express设置为react的后台服务器
      方法:用了俩天时间费了九牛二虎之力把express配置成为了react的后台服务器,其实就是通过在3000之外的其他端口运行express,在routes文件下进行api的路径和内容的写入;在react的package.json文件中配置proxy属性为express的运行端口网址即可。这样,在终端同时运行express和react,就可以实现客户端服务器和后台服务器的同时存在。
    2. react和express如何进行数据交互
      方法:经过今天的学习,意识到需要结合redux来全局控制react中的state,在redux的action中采用ajax来从服务器读取数据以及存储数据。

    20180321更新

    1. 放弃使用redux,选择用fetch来进行ajax发送请求。
    2. 已经实现注册信息存储到数据库已经登录信息在数据库中进行查询匹配。
    3. 遇到的问题:由于路由在前端,无法在后台直接控制页面跳转,因此考虑后台登录信息匹配成功以后将表示存储在cookie的session中,放在header中发送回前端页面,前端读取到匹配成功的信息以后跳转页面。

    相关文章

      网友评论

          本文标题:打通全栈之前端react后台express如何进行数据交互

          本文链接:https://www.haomeiwen.com/subject/tpeyqftx.html