Cors त्रुटि सख्त-मूल-जब-पार-प्लेस सरल nodeJS-reactJS परियोजना

Question 1

मैं कोशिश कर रहा हूँ करने के लिए छवि अपलोड करने के लिए Cloundinary, लेकिन एक त्रुटि उत्पन्न हुई स्थिति कोड 500 से संबंधित cors हालांकि मैं था निर्धारित करने के लिए सर्वर की अनुमति सभी मूल है ।

त्रुटि संदेश है:

POST http://localhost:5000/my-route-upload 500 (Internal Server Error)

यहाँ है मेरी पोस्ट समारोह :

const cloudinaryUpload = (fileToUpload) => {
    return axios.post(API_URL + '/cloudinary-upload', fileToUpload)
    .then(res => console.log(res))
    .catch(err => {
        console.log(err)
        console.log("cannot post")
    }); }

सर्वर साइड में, मैं जोड़ा था निम्न ब्लॉक में App.JS

const cors = require('cors'); 
var app = express();
app.use(cors({
  origin: "*",
  })
);

उन कोड निष्पादित किया है, मैं करने की कोशिश की संशोधित मूल करने के लिए विशिष्ट एक तरह http://127.0.0.1:3001 (मेरे क्लाइंट पोर्ट 3000). तो यह बाहर आया एक और त्रुटि संदेश

वापस करने के लिए पहली त्रुटि पर, में टैब नेटवर्क/हेडर :

Request URL: http://localhost:5000/cloudinary-upload
Request Method: POST
Status Code: 500 
Referrer Policy: strict-origin-when-cross-origin

Access-Control-Allow-Origin: *

Host: localhost:5000
Origin: http://127.0.0.1:3000

मुझे पता नहीं क्यों यह काम नहीं किया । मैं का उपयोग बनाने के लिए-प्रतिक्रिया-अनुप्रयोग के लिए ग्राहक और एक्सप्रेस जनरेटर के लिए सर्वर

Question 2

शायद आप जोड़ना चाहिए सामग्री-प्रकार शीर्ष लेख करने के लिए अपने Axios अनुरोध. इस तरह से ।

const res = await axios.post('url', data, {
  headers: {
    'content-type': 'application/json'
  }
});

Question 3

सेटअप एक प्रॉक्सी के लिए अपने सर्वर से अपने ग्राहक

प्रॉक्सी किया जा सकता है एक सरल "proxy": "http://localhost:5000" अपने पैकेज में.json, जहां सभी अज्ञात का अनुरोध किया जाएगा प्रॉक्सीकृत के लिए स्थानीय होस्ट:5000 अनिवार्य रूप से आप की जरूरत है कॉल करने के लिए एपीआई से ग्राहक के रूप में /my-route-upload के बजाय http://localhost:5000/my-route-upload.

लेकिन पसंदीदा विधि के लिए किया जाएगा जोड़ने के लिए एक फ़ाइल कहा जाता है src/setupProxy.js और $ npm install http-proxy-middleware --save जोड़ें करने के लिए इस फ़ाइल को


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

Also look at enabling cors in express
https://enable-cors.org/server_expressjs.html

Question 4

const cors = require('cors'); 
var app = express();
app.use(cors());

इस कोशिश

Question 5

इस मिडलवेयर में मदद करता है से बचने के लिए पार मंच त्रुटि

app.use((req, res, next) => {
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.setHeader(
    "Access-Control-Allow-Methods",
    "OPTIONS, GET, POST, PUT, PATCH, DELETE"
  );
  res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
  next();
});

इस सेट हैडर मिडलवेयर पर अपनी root फाइल के ऊपर अपने सभी मार्गों में व्यक्त अनुप्रयोग, अद्यतन इस कोड ब्लॉक के साथ अपने सर्वर cors ब्लॉक में AppJS

Willian Mendoza · Answer 1 · 2021-11-24T04:17:25

0

शायद आप जोड़ना चाहिए सामग्री-प्रकार शीर्ष लेख करने के लिए अपने Axios अनुरोध. इस तरह से ।

const res = await axios.post('url', data, {
  headers: {
    'content-type': 'application/json'
  }
});

Willian Mendoza

2021-11-24 04:17:25

यह अभी भी काम नहीं करता है

const cloudinaryUpload = (fileToUpload) => { return axios.post(API_URL + '/cloudinary-upload', fileToUpload, {headers: { 'content-type': 'application/json' }}) .then(res => res.data) .catch(err => { console.log(err) console.log("cannot post") }); }

Ho Quang Lam

के रूप में यह वर्तमान में लिखा है, अपने जवाब स्पष्ट नहीं है । कृपया संपादित करने के लिए अतिरिक्त जानकारी जोड़ने में मदद मिलेगी कि दूसरों की समझ में यह कैसे सवाल पते पूछा । आप अधिक जानकारी पा सकते हैं पर कितना अच्छा लिखने के लिए जवाब में मदद केंद्र.

Community

Raja Avinash · Answer 2 · 2021-11-24T05:04:57

सेटअप एक प्रॉक्सी के लिए अपने सर्वर से अपने ग्राहक

प्रॉक्सी किया जा सकता है एक सरल "proxy": "http://localhost:5000" अपने पैकेज में.json, जहां सभी अज्ञात का अनुरोध किया जाएगा प्रॉक्सीकृत के लिए स्थानीय होस्ट:5000 अनिवार्य रूप से आप की जरूरत है कॉल करने के लिए एपीआई से ग्राहक के रूप में /my-route-upload के बजाय http://localhost:5000/my-route-upload.

लेकिन पसंदीदा विधि के लिए किया जाएगा जोड़ने के लिए एक फ़ाइल कहा जाता है src/setupProxy.js और $ npm install http-proxy-middleware --save जोड़ें करने के लिए इस फ़ाइल को


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

Also look at enabling cors in express
https://enable-cors.org/server_expressjs.html

devCrow · Answer 3 · 2021-11-24T07:02:38

0

const cors = require('cors'); 
var app = express();
app.use(cors());

इस कोशिश

devCrow

2021-11-24 07:02:38

जबकि इस कोड हो सकता है इस सवाल का जवाब उपलब्ध कराने, अतिरिक्त संदर्भ के बारे में कैसे और/या क्यों यह समस्या हल करती है, में सुधार होगा जवाब देने के लिए लंबी अवधि के मूल्य है । आप अधिक जानकारी पा सकते हैं पर कितना अच्छा लिखने के लिए जवाब में मदद केंद्र: stackoverflow.com/help/how-to-answer . गुड लक

nima

Smit Gajera · Answer 4 · 2021-11-24T09:08:05

इस मिडलवेयर में मदद करता है से बचने के लिए पार मंच त्रुटि

app.use((req, res, next) => {
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.setHeader(
    "Access-Control-Allow-Methods",
    "OPTIONS, GET, POST, PUT, PATCH, DELETE"
  );
  res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
  next();
});

इस सेट हैडर मिडलवेयर पर अपनी root फाइल के ऊपर अपने सभी मार्गों में व्यक्त अनुप्रयोग, अद्यतन इस कोड ब्लॉक के साथ अपने सर्वर cors ब्लॉक में AppJS

मैं यह तय आपको बहुत बहुत धन्यवाद
मैं था में एक गलती सत्यापन के साथ Cloudanry. लेकिन त्रुटि दिखाई दिया की तरह यह से आया है cors

Cors त्रुटि सख्त-मूल-जब-पार-प्लेस सरल nodeJS-reactJS परियोजना

सवाल

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में