当前位置: 首页 > news >正文

深圳市律师网站建设怎么样自己做网站设计制作

深圳市律师网站建设怎么样,自己做网站设计制作,东莞最好的网站,百度搜索量在服务端和客户端之间用http的方式传递json时,现在可以在客户端用fetch发起请求: var datas {   foo:1,   bar:2 } var ret await fetch(/api/, {   method: POST,   headers:{     Content-Type : application/json   },   body:JSON…

在服务端和客户端之间用http的方式传递json时,现在可以在客户端用fetch发起请求:

var datas = {
  foo:1,
  bar:2
}

var ret = await fetch('/api/', {
  method: 'POST',
  headers:{
    'Content-Type' : 'application/json'
  },
  body:JSON.stringify(datas)
});

 

本来在fetch后的URL中应该填写localhost:3000/api的,但是在本地调试出现了跨域问题,这时可以通过设置webpack-dev-server的代理来解决。

在webpack.config.js的devServer中加入proxy项:

devServer:{
  proxy:{
    '/api/*':{
      target:"http://localhost:3000/",
      secure:false
    }
  }
}

 

服务端,此时在app.use(async ctx=>{})中,确实能收到相应的ctx,但如何获取客户端传上来的JSON呢?用ctx.req.body或ctx.request.body都是拿不到的,

此时要用如下方法:

ctx.req.on('data', function(data){
  console.log(data);
})

log出来的data是一个char buffer:

对照ASCII,它就是之前被JSON化的BODY:  {"foo":1,"bar":2},当然,自己处理它不是不可以,有点麻烦。

koa的一个中间件koa-body可以方便的处理这个问题,先安装它:

npm install koa-body --save

 

在处理body之前,先执行这个中间件就可以了,中间件会把最后的结果存放到ctx.request.body里。

import koabody from 'koa-body';

.....

app.use(koabody({}));

app.use(async ctx=>{
  console.log(ctx.request.body);

  ctx.body = {
    message:"hello!"
  }
})

 

于是能看到body中的foo:1和bar:2了,顺便,用ctx.body向客户端返回一个json,在客户端可以用如下方法处理:

var retjson = await ret.json();

 

用上述方法就可以实现服务端和客户端互相发送json。

 

转载于:https://www.cnblogs.com/wowbrionac/p/5689855.html

http://www.lbrq.cn/news/2345743.html

相关文章:

  • 网站建设方案书的内容管理制度百度移动seo首选帝搜软件
  • 淘宝客建立网站推广怎么做佛山市seo推广联系方式
  • 网站建设的好处有什么用网络营销的企业有哪些
  • 视频直播网站怎么做sem是什么意思中文
  • 建设局入市备案后到哪个网站可查询百度问答优化
  • 数码网站模板关键词你们都搜什么
  • 西安疫情最新消息今天又封了重庆seo优
  • 如何在WordPress添加内容怎样优化网站
  • 网站开发备案需要什么百度移动首页
  • 企业seo推广的绝密诀窍曝光嘉兴seo外包公司
  • wp建站模板广州企业网站seo
  • python做网站性能怎么在百度发布免费广告
  • 建一个鲜花买卖网站多少钱短视频矩阵seo系统源码
  • wordpress 5.0文章编辑教程北京网站优化外包
  • 怎么做自己的网购网站seo线下培训机构
  • 司法局网站开发方案5118营销大数据
  • 惠州网站建设效果深圳网络推广软件
  • 百斯特网站建设百度安全中心
  • 湘潭网站建设公司企业门户网站的设计与实现
  • 网站开发要用到的工具软文营销的定义
  • 中小型网站建设方案输入搜索内容
  • wordpress修改内容广州排前三的seo公司
  • 网站建设维护工作推广网
  • 在县城做商城网站免费的企业黄页网站
  • 制作网站要不要域名线上推广渠道
  • 购物商城app百度关键词网站排名优化软件
  • wordpress分类信息 模板百度搜索关键词排名优化技术
  • 网站做谷歌推广有效果吗电商网站订烟平台
  • 佛山网页网站设计多少钱点石关键词排名优化软件
  • 自己设计app软件网站关键词优化排名技巧
  • day053-初识docker与基础命令
  • 使用JS编写用户信息采集表单
  • flutter下的webview适配rem问题
  • 编程项目选择思考点以及项目包装的关键点
  • HashMap详解
  • 导出内存溢出案例分析