post请求报错 net::ERR_CONNECTION_REFUSED AxiosError code: “ERR_NETWORK“

post请求接口报错net::ERR_CONNECTION_REFUSED,AxiosError中 code: "ERR_NETWORK"。百度了有说跨域有说请求格式不对,我的跨域已经在nodejs中设置了cors,还是不知道什么原因

查看network发现请求了两次接口,百度说strict-origin-when-cross-origin跨域报错,按照说的操作还是不行

 最后看是请求头不一致,API接口的里的Content-Type:application/x-www-form-urlencoded,前端请求头显示Content-Type:application/json

前端请求代码传参应该用 URLSearchParams(),就没问题了

insertTodo(kw){
      this.kw = kw
      console.log('10',kw); 
      const url = 'http://......:3000/tips/insert'
      // let reqData = {
      //   tip: kw.trim()
      // }     //这个写法就会报错
      let reqData = new URLSearchParams()
      reqData.append('tip', kw.trim())
      console.log(this.$route);
      axios.post(url,reqData).then((res)=>{
        console.log('插入结果',res);
      }).catch((err)=>{
        console.log(err);
      })
    },

        前端向后端传输数据时,如果是get传输,直接传在url后;如果是post传输,则在请求体body中传输。在body中的数据格式又有两种,一种是 json 数据格式,另一种是 字符串。具体要用哪种格式取决于后端入参的格式
        如果后端接收ison数据类型,post 的 headers 需要设置{'content-type': 'application/ison' },传给后端的数据就形如{'name':'edward’,'age':'25'}
如果后端接收的是(表单)字符串类型,post 的 headers 需设置{'content-type': 'application/x-www-form-urlencoded'},传输给后端的数据就形如'name=edward&age=25'

  • 8
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值