node.js - ReactJS/NodeJS CORS 请求未成功

Question

我使用 Axios 向我的 NodeJS 服务器发送请求。这是我的要求:

let url = 'http://example.com:1337/api/'

let config = {
    headers: { 
        'Content-Type': 'application/json'
    }
}

settings = (data) => {
    return axios.post(url + 'settings', JSON.stringify(data), config)
    .then( res => res.data)
    .catch(e => console.log(e))
}

在 NodeJS/ExpressJS 服务器中:

const express = require('express')
const App = express()
let bodyParser = require('body-parser')
// ... Mongoose and etc.

var cors = require('cors')


App.use(cors())
App.options('*', cors());

App.use("/data", express.static(__dirname + '/data'));

App.use(bodyParser.urlencoded({
    extended: true
}));
App.use(bodyParser.json())

App.use('/api', require('./routes/Users'))

App.listen(1337)

但是对http://example.com:1337/api/settings的请求返回(firefox):

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://example.com:1337/api/settings. (Reason: CORS request did not succeed)

感谢您的解决方案。

Answer 1

// server.js
const express = require('express');
const app = express();

const routes = require('./routes');

const PORT = process.env.PORT || 5000;

// configure body parser for AJAX requests
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

app.use(routes);

//Server
app.listen(PORT, () => {
    console.log(`Server listening on port ${PORT}.`);
});