我有一个关于反应的跨域请求问题

Question

我有个问题。当我单击按钮时，会在页面上报告一个错误。

“CORS策略阻止从源'http://localhost:8000/hello‘访问’http://localhost:8000/hello‘：请求的资源上不存在’访问控制-允许-原产地‘标题。”

这是客户端代码

    function SendRequest() {
        axios({
            url: "http://localhost:8000/hello",
            method: "GET",
        }).then((res)=>
        {
            console.log(res);
        });
    }

这是服务器代码

     app.use((ctx, next) => {
        console.log("ASDFSFDSF");
        createProxyMiddleware({
            target: "http://localhost:8000",
            changeOrigin: true
        })
    });

服务器使用koa框架。

Answer 1

如果您使用express作为后端框架，您可以安装CORS-中间件(后端目录中的npm i cors)，并将其作为一个活动中间件(全局地，因此对于每个传入的请求)，在使用const cors = require("cors")导入之后调用它。

有关快递和CORS中间件的更多信息，请参见这里。

Answer 2

这不是反应问题。这是后端阻塞对您的应用程序的请求。阅读更多关于CORS的信息。