reactjs axios post请求抛出错误

时间:2021-06-13 00:42:28

标签: javascript node.js reactjs post axios

我有一个函数可以在提交表单时从表单中获取数据,我正在尝试使用带有此数据的 axios 进行发布请求,这是我的函数 (reactjs):

const handelSubmit = (e) => {
        e.preventDefault();
        const newFact = {Email, Fact, Source};
        axios.post('https://www.examplesite.com/create', {
          "data": newFact})
          .then(function (response) {
            console.log(response);
          })
    }

这是示例站点 (nodejs) 的部分代码:

const app = express();
app.use(express.json());

app.use(function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, 
Accept');
    next();
});

app.get("/", async function(req, res) {
    const result = await randomfact();
    res.send(result);
    console.log(randomfact());
});

app.post('/create', function(req, res) {
  console.log(req.body);
});

let port = process.env.PORT;
if(port == null || port == "") {
   port = 8000;
}

app.listen(port, function() {
   console.log("Server started successfully");
});

我的问题是帖子请求似乎没有发送到示例站点,这是我得到的错误:

VM2633:1 POST https://www.examplesite.com/create net::ERR_NAME_NOT_RESOLVED
(anonymous) @ VM2633:1
dispatchXhrRequest @ xhr.js:177
xhrAdapter @ xhr.js:13
dispatchRequest @ dispatchRequest.js:52
Promise.then (async)
request @ Axios.js:61
Axios.<computed> @ Axios.js:87
wrap @ bind.js:9
handelSubmit @ Modal.js:14
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4070
executeDispatch @ react-dom.development.js:8243
processDispatchQueueItemsInOrder @ react-dom.development.js:8275
processDispatchQueue @ react-dom.development.js:8288
dispatchEventsForPlugins @ react-dom.development.js:8299
(anonymous) @ react-dom.development.js:8508
batchedEventUpdates$1 @ react-dom.development.js:22396
batchedEventUpdates @ react-dom.development.js:3745
dispatchEventForPluginEventSystem @ react-dom.development.js:8507
attemptToDispatchEvent @ react-dom.development.js:6005
dispatchEvent @ react-dom.development.js:5924
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
discreteUpdates$1 @ react-dom.development.js:22413
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:84)

createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:84)

0 个答案:

没有答案