Заголовок Access-Control-Allow-Origin отсутствует в запрошенном ресурсе в приложении angular

У меня есть проект angular cli, размещенный в лазурном состоянии, и я вызываю API-интерфейс в другой домен (в создателе Zoho), поэтому у меня проблема с CROS. Я пробовал некоторые решения безуспешно.

Ошибка

"Доступ к XMLHttpRequest по адресу" https://xxxxxxx "из источника" https://yyyyyy "заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок 'Access-Control-Allow-Origin'."

Я использую expressJS в качестве бэкэнда, и я попытался добавить заголовки, но, похоже, он не работает Я не знаю, что мне не хватает

APP.JS

const express = require('express');
const bodyParser = require('body-parser');
const path = require('path');
const http = require('http');
const app = express();  
// parse application/x-www-form-urlencoded
var cors = require('cors');
// Use this after the variable declaration
app.use(cors({origin: '*'}));
// parse application/json
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

// Angular DIST output folder
app.use(express.static(path.join(__dirname, 'dist')));

// Send all other requests to the Angular app
app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'dist/index.html'));
});

// Add headers
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:5000');

    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);

    // Pass to next layer of middleware
    next();
});

//Set Port
const port = process.env.PORT || '5000';
app.set('port', port);

const server = http.createServer(app);

server.listen(port, () => console.log(`Running on localhost:${port}`));

azure node.js angular zoho
person Amnah    schedule 25.04.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я не понимаю, что именно Это происходит, но есть что-то, что меня шумит.

   res.setHeader('Access-Control-Allow-Origin', 'http://localhost:5000');

Этот код означает, что вы можете получать запросы только от http://localhost:5000. Вы пытаетесь использовать его с http://localhost:5000? Я так не думаю, потому что порт 5000 используется node.js. если вы хотите его использовать, вы должны установить Access-Control-Allow-Origin для сервера или сайта, с которого вы пытаетесь использовать его.

Например, у меня есть приложение на Angular на моем компьютере, использующее порт 4200, поэтому заголовок запроса должен быть:

   res.setHeader('Access-Control-Allow-Origin', 'http://localhost:4200');

Или вы можете использовать *, чтобы разрешить все, но это небезопасно.

   res.setHeader('Access-Control-Allow-Origin', '*');
person Eduardo Villalobos    schedule 25.04.2019
comment
да, вы правы, но даже когда я использую *, чтобы разрешить все, возникает та же проблема - person Amnah; 25.04.2019