在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ postman測(cè)試正常,但create-react-app無(wú)法調(diào)通接口

postman測(cè)試正常,但create-react-app無(wú)法調(diào)通接口

postman測(cè)試是正常的,可以調(diào)通;
如下圖所示:
圖片描述

圖片描述

但是在create-react-app創(chuàng)建的項(xiàng)目里面無(wú)法運(yùn)行,下面是代碼:

封裝的fetch

export default class HttpUtils {
  static post(urlPath,data) {
    return new Promise ((resolve, reject) => {
      fetch (urlPath, {
        method: 'POST',
        datatype:"json",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        mode : 'no-cors',//不設(shè)置會(huì)有跨域問(wèn)題
        body: JSON.stringify (data)
      })
          .then (response => response.json ())
          .then (result => {
            resolve (result);
          })
          .catch (error => {
            reject (error);
          })
    })
  }
}

APP.JS

寫在componentDidMount里面

var urlPath = 'https://XXX';
    var data = {"logintype": 0, "loginname": "XXX"}
    
    HttpUtils.post (urlPath, data)
             .then ((responseData) => {
               var resData = JSON.parse (responseData);
               if (resData.responsecode == '000000') {
                 console.log (111111111111111);
               } else {
                 console.log (resData, data);
               }
             })
             .catch ((error) => {
               console.log (error.message);
             })

這樣的話,控制臺(tái)會(huì)報(bào)錯(cuò):network 里面請(qǐng)求返回的狀態(tài)碼是400.

圖片描述

圖片描述

不知道為什么postman里面可以,我自己用create-react-app不行。package.json里面沒(méi)有設(shè)置“proxy”。我不太懂這些。希望大神能夠幫忙看看問(wèn)題出在哪里,多謝了。(公司后端好像不是太懂這個(gè))

回答
編輯回答
氕氘氚

缺少data參數(shù),兩遍的數(shù)據(jù)結(jié)構(gòu)都不一樣。
你們的數(shù)據(jù)應(yīng)該是這樣的

data : {xx:xx,yy:yy}

而不是

{xx:xx,yy:yy}

所以傳數(shù)據(jù)的時(shí)候再包一層data看看。

2017年9月5日 05:19