react怎么将数据存到mysql中_ReactJS - 将数据从React发送到MySQL_reactjs_酷徒编程知识库...

我正在创建一个发布应用程序，需要使用React和MySQL数据库之间的通信来回发送信息。使用Express作为我的JS服务器，服务器代码如下所示：const express = require('express');

const bodyParser = require('body-parser');

const mysql = require('mysql');

const cors = require('cors');

const connection = mysql.createConnection({

host : 'localhost',

user : 'root',

password : '',

database : 'ArticleDatabase',

port: 3300,

socketPath: '/Applications/XAMPP/xamppfiles/var/mysql/mysql.sock'

});

// Initialize the app

const app = express();

app.use(cors());

appl.post('/articletest', function(req, res) {

var art = req.body;

var query = connection.query("INSERT INTO articles SET ?", art,

function(err, res) {

})

})

// https://expressjs.com/en/guide/routing.html

app.get('/comments', function (req, res) {

// connection.connect();

connection.query('SELECT * FROM articles', function (error, results,

fields) {

if (error) throw error;

else {

return res.json({

data: results

})

};

});

// connection.end();

});

// Start the server

app.listen(3300, () => {

console.log('Listening on port 3300');

});

我的React类如下所示：class Profile extends React.Component {

constructor(props) {

super(props);

this.state = {

title: '',

author: '',

text: ''

}

}

handleSubmit() {

// On submit of the form, send a POST request with the data to the

// server.

fetch('http://localhost:3300/articletest', {

body: JSON.stringify(this.state),

cache: 'no-cache',

credentials: 'same-origin',

headers: {

'content-type': 'application/json'

},

method: 'POST',

mode: 'cors',

redirect: 'follow',

referrer: 'no-referrer',

})

.then(function (response) {

console.log(response);

if (response.status === 200) {

alert('Saved');

} else {

alert('Issues saving');

}

});

}

render() {

return (

this.handleSubmit()}>

this.setState({ title: e.target.value} )} />

this.setState({ author: e.target.value} )} />

this.setState({ text: e.target.value} )} />

);

}

}

我可以搜索我的数据库，并且显示获取的信息没问题，但是，反过来就不行了。当我尝试从

标记获取输入时，我的数据库中没有插入任何内容，而是得到了以下错误：[Error] Fetch API cannot load

http://localhost:3000/static/js/0.chunk.js due to access control

checks.

Error: The error you provided does not contain a stack trace.

Unhandled Promise Rejection: TypeError: cancelled

我知道这与访问控制有关，但是因为我已经使用了iframe，并且能够从数据库中获取数据，任何建议将不胜感激。谢谢你的建议