CORS React 'Access-Control-Allow-Origin' 中的錯誤 header 出現在請求的資源上

Question

大家好，我現在有一些 CORS 問題。 所以我找到了一些解決方案並嘗試了，但它仍然發生在我身上

api 來電

function signUpAPI(data) {
return axios.post('/api/signup', data);

}

setupProxy.js

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(
        '/api',
        createProxyMiddleware({
            target: 'http://localhost:8080',
            changeOrigin: true,
        })
    );
};

這是錯誤

Answer 1

請將此行添加到您的服務器：

  app.enableCors();
  await app.listen(3000);

您必須打開服務器的 CORS 才能使用 restApi，更多詳細信息請參見 https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Answer 2

在將其添加到服務器端應用程序 HttpServletResponse 響應之前，我遇到了這個問題： response.addHeader("Access-Control-Allow-Origin", "*"); 和@CrossOrigin(origins = "*")在你的 RestController class