react.js本地主机和Node Express服务器中的Cors问题

Question

我一直试图将我托管在Digital Ocean droplet上的API调用为Node.js Express服务器。我遇到的问题是科斯。下面是我的客户端调用和错误。

export const postRequest = async (route, data, headers) => {
    let config = {
        headers: headers
    }
    let dataString = JSON.stringify(data)
    return instance.post(route, dataString, config)
    .then((response) => {
        return response.data
    })
    .catch((err) => {
        console.log(err);
        return {error: err}
    });
}

export const login = (email, password) => {
    const data = {
        email:email,
        password:password
    };
    
    const headers = {
        'Content-Type': 'application/json'
    }

    return postRequest('/login', data, headers);
}

服务器端只是一个简单的express服务器，没有实现到代码中的核心。我试过使用app.use（cors（））但没有成功，所以我现在重新开始。前端是react js和Axios。

我得到的错误是

Access to XMLHttpRequest at 'https://example.com/login' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我需要在这里做什么？在客户端和服务器端。

Answer 1

算了！！！我在客户端出错了。要修复此错误,请转到服务器代码,

npm install --save cors

添加

const cors = require('cors');

app.use(cors());

重新启动你的服务器，你应该可以走了。