У меня есть VueJS интерфейс, потребляющий ExpressJS API. Все работало, и внезапно у меня возникла проблема с CORS на Heroku, хотя все по-прежнему работает локально.
Вот мои настройки промежуточного программного обеспечения:
const cors = require('cors');
var corsOptions = {
origin: '*',
optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
}
app.use(cors(corsOptions));
Вот сообщение об ошибке в консоли Chrome :
Access to XMLHttpRequest at 'https://my_app-api.herokuapp.com/api/auth/login' from origin 'https://my_app.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Я ничего не сделал, чтобы изменить конфигурацию cors, и на моем локальном компьютере все по-прежнему работает нормально.
Изменение на это решило эту проблему:
app.use(cors());
Я уверен, что скоро меня взломают ...