Как решить проблему CORS с моим приложением Angular на Heroku

Question

Извините, если уже есть ответ на мою проблему ... но я уже все сделал и не могу ее решить ...

У меня есть 2 проекта, размещенных на heroku, интерфейс сделан с angular и бэкэнд входа в систему с java (весенняя загрузка). Проблема заключается в том, что когда я пытаюсь войти в систему, у меня возникает проблема с CORS

No 'Access-Control-Allow-Origin' header is present on the requested resource.

Когда я запрашиваю свой сервер Springboot с почтальоном, он обычно работает ...

Также , это мой сервер. js для установки героку

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

const app = express();

app.use(cors());

app.use(express.static('./dist/fonetApp'));

app.get('/',function(req,res){
    res.sendFile(path.join(__dirname+'/dist/fonetApp/index.html'));
});

app.listen(process.env.PORT || 8080);

Пожалуйста ... помогите t_t

Answer 1

Я решил ту же проблему с героем, используя cors

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

const app = express();

// add this code
const whitelist = ['http://localhost:3000']; // list of allow domain

const corsOptions = {
    origin: function (origin, callback) {
        if (!origin) {
            return callback(null, true);
        }

        if (whitelist.indexOf(origin) === -1) {
            var msg = 'The CORS policy for this site does not ' +
                'allow access from the specified Origin.';
            return callback(new Error(msg), false);
        }
        return callback(null, true);
    }
}

// end 
app.use(cors(corsOptions));

app.use(express.static('./dist/fonetApp'));

app.get('/',function(req,res){
    res.sendFile(path.join(__dirname+'/dist/fonetApp/index.html'));
});

app.listen(process.env.PORT || 8080);