week05 restful api

2021-07-14 03:12

阅读:574

标签:star   技术分享   tar   新闻   关于   前端   模拟   news   图片   

和第一个项目一样

技术分享图片

技术分享图片

技术分享图片

 

 

然后去App.js注册一下

技术分享图片

 

 技术分享图片

但是呢 新闻是写死在

技术分享图片

现在主要输调通前端client和后端server 持续获取新闻 至于真假先不考虑

 

下面我们回到前端NewsPanel

技术分享图片

技术分享图片

这个request对象是es2015提供的

技术分享图片

这里的then就是对返回的response的内容做处理

不用再调回调函数 层层嵌套

 

技术分享图片

关于跨站保护

 我们在client端也npm start

技术分享图片

YES

我们3001端口也起个server(react server)

技术分享图片

技术分享图片

技术分享图片

清理浏览器缓存

模拟一下 之前没成功的情况

页面会出现loading的情况 这是因为

我们是在react server 也就是client端 npm start 一个server

但是请求的是node server API 请求 这就跨站了

这是为了安全保护“Access-Control-Allow-Origin”

解决这个问题要

我们去我们node server

的server下的 app.js

加一条‘’

技术分享图片

 

技术分享图片

 这里是为了开发方便 起了2个server来测试

如果不嫌麻烦也可以用给一个server 就用node server

前端就 npm run build 一下就好

 

week05 restful api

标签:star   技术分享   tar   新闻   关于   前端   模拟   news   图片   

原文地址:https://www.cnblogs.com/PoeticalJustice/p/9550593.html


评论


亲,登录后才可以留言!