0

Ola estou iniciando no React e me deparei com um problema, estou tentando fazer um app parecido com dropbox, na tela principal você cria uma box e pode fazer upload de arquivos, porem quando clico em criar aparece esta mensagem:

"Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em https://app-reactteste.herokuapp.com/boxes. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente)."

Vi que existe uma extensão CORS para o navegador, ativei e aparece error 503, gostaria de saber se isso é normalmente um erro no código mesmo?

O back-end esta no github: https://github.com/onz3/backend

1
  • Está passando header na requisição feita pelo front? Commented 20/04/2019 às 5:06

1 Resposta 1

1

Possivelmente o seu problema está no backend. Adicione a biblioteca do Cors. No caso ele é um middleware. A configuração é bem simples conforme a documentação.

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())
1
  • Ah sim é que ja esta certinho isso: const express = require("express"); const mongoose = require("mongoose"); const path = require("path"); const cors = require("cors"); mas continua com o mesmo erro const app = express(); app.use(cors());
    – Emerson
    Commented 19/04/2019 às 15:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .