node.js - 使用Vue js调用axios发布请求时出现CORS和网络错误

Question

调用 axios 发布请求时出现错误。但它在邮递员上正常工作。

我用于调用请求的代码是

methods : {
     displayData(){
        var config = {
            method: 'post',
            url: 'http://localhost:5000/api/request/displayRequest',
            headers: { 
                'Content-Type': 'application/json'
            },
        data : JSON.parse(JSON.stringify(this.user._id))
        };

            axios(config)
            .then(function (response) {
            console.log(JSON.stringify(response.data));
            })
            .catch(function (error) {
            console.log(error);
            });
        },
    async mounted(){
        this.displayData()
    }

我已经在 server.js 的后端实现了 CORS

// Cors Middleware
const cors = require('cors');
app.use(cors());
app.options("*", cors());

标签： node.jsmongodbvue.jsaxioscors

Answer 1

在你的后端使用这个：

npm i cors

并在您的快速后端入口点中：

const cors = require("cors");
app.use(cors());
app.options("*", cors());