В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'https://myappurl.com поэтому не допускается - PullRequest
Новая
       7

В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'https://myappurl.com поэтому не допускается

0 голосов
/ 04 мая 2018

Я кодирую приложение vue и использую Node.js Api. Я уже включил Cors в Backend и другие методы Post работает хорошо. Но на этом маршруте есть Nginx 502 Bad Gateway.

Ошибка в консоли Chrome: 

Failed to load resource: the server responded with a status of 502 (Bad Gateway)

Failed to load : No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin is therefore not allowed access. The response had HTTP status code 502.

Приложение. JS CORS 

app.use(function(req, res, next) {
  res.setHeader("Access-Control-Allow-Origin","*");
  res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,Authorization");
    res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');
    res.setHeader("Access-Control-Allow-Credentials", "false")

  next();
});

Мой AddPatient компонент и мой Axios , доступные на pastebin

1 Ответ

0 голосов
/ 04 мая 2018

С setHeader вы пишете только один заголовок, перезаписывая предыдущий. Вы должны использовать res.header(), что позволяет вам писать несколько заголовков. Вы можете сделать это следующим образом: 

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,Authorization");
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');
  res.header("Access-Control-Allow-Credentials", "false")

  next();
});
...