axios post request retrning error: Cross-Origin Request Blocked

Question

我正在使用 axios 將一些數據發布到我的節點服務器，但它給了我這個錯誤：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at MY_NODE_URL. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

這是我的代碼：

 const url = "https://blooming-escarpment-74540.herokuapp.com/blog/postBlog";

 axios
    .post(url ,{
        title: document.getElementById("title").value,
        post: document.getElementById("post").value,
        blogImage:document.getElementById("blogImage").files[0],
     
    })
    .then((response) => {
      const result = response.data;
      if (result.status == "SUCCESS") {
       console.log("SUCCESS");
       
      } else {
        console.log("BAd");
      }
    })
    .catch((error) => {
      console.log(error);
    });

即使我使用fetch API甚至XHR ，此錯誤仍然顯示

Answer 1

您必須在節點 js 后端安裝cors package

用法

const express = require('express')
const cors = require('cors');

const app = express();
app.use(cors());