我不能通过 axios 帮助发布到本地主机吗？答案

【问题标题】：I cant post to localhost with axios help please?我不能通过 axios 帮助发布到本地主机吗？
【发布时间】：2021-06-11 05:57:49
【问题描述】：

我正在尝试使用 axios post 将数据发送到 localhost，但由于某种原因，无论我尝试什么，都会遇到同样的错误

“不发送错误：网络错误”

这是我的前端代码

import React, { Component } from 'react';
import axios from 'axios';
class App extends Component {
constructor(props) {
super(props);
this.state = {  }
}

sendData =()=>{
var url ="http://localhost:9000/api"
var data={
  code:"hello world",
}
axios.post(url,data)
.then(res => {
  console.log("data send")

})
.catch(err => {
  console.log("not send"+err)
  console.error(err); 
})

}
render() { 
return ( 
  <div>
    <form>
    <input type="text" name="data"/>
    </form>
    {this.sendData()}
  </div>
 );
}
}

export default App;

这是我的后端代码

var express=require('express');

var app=express();

app.use(express.json());

app.post('/api', function(req,res){
res.json(req.body);
})

app.listen(9000);

【问题讨论】：

您确定您的互联网工作正常吗？加上用 127.0.0.1 替换 localhost 并检查您的 api 在邮递员上是否正常工作。
// POST const userData = { var url ="localhost:9000/api" var data={ code:"hello world" } ，将上面的代码替换为senddata代码

标签： express axios

【解决方案1】：

您也可以发布错误。这很可能是一个 CORS 问题。如果您可以从像 Postman 这样的 Rest 客户端而不是浏览器调用 API，则这是一个 CORS 问题

安装cors包npm install cors 更新您的支持以允许 CORS

var express = require('express')
var cors = require('cors') // New
var app = express()

app.use(cors()) // New
app.use(express.json());

app.post('/api', function(req,res){
res.json(req.body);
})

app.listen(9000);

【讨论】：