Что вызывает ошибку net::ERR_CONNECTION_REFUSED?

Question

[Орк]

Доброго времени, друзья!
Нужна помощь. Не могу определить, что вызывает ошибку net::ERR_CONNECTION_REFUSED.
Бакенд и фронтенд приложения работают норм, за исключением того, что касается запросов/CORS.



>>>>
Код на хост развернул, согласно этой статьи. Естественно, обновил все пакеты до вывода на продакшн.
На хосте (VPS: CentOS7, VestaCP) установлена nginx + php-fpm, а так же MongoDB, node.js, @vue/cli. Порты открыты:


>>>>
Серверная и клиентская части находятся в одном каталоге/на одном домене. Вот структура:


>>>>
Все зависимости для работы пакетов учтены. Компиляция продакшна и запуска сервера стабильна и без ошибок:


>>>>
Что самое интересное, запросы в браузерах режутся, а через Postman прекрасно получаю/отправляю/обновляю данные:


>>>>

Код server.js

let express = require('express');
let app = express();
let bodyParser = require('body-parser');

// Parse requests
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

// Load CORS
const cors = require('cors');
const corsOptions = {
    credentials: true,
    origin: 'http://localhost:4200', // сменил на http://<имя моего домена>
    allowedHeaders: [ 'Content-Type' ],
    optionsSuccessStatus: 200
};
app.use(cors(corsOptions));
 
// Configuring the database
const dbConfig = require('./app/config/mongodb.config.js');
const mongoose = require('mongoose');
 
mongoose.Promise = global.Promise;
 
// Connecting to the database
mongoose.connect(dbConfig.url, { useNewUrlParser: true, useFindAndModify: false })
.then(() => {
    console.log("Successfully connected to MongoDB.");    
}).catch(err => {
    console.log('Could not connect to MongoDB.');
    process.exit();
});
 
require('./app/routes/customer.routes.js')(app);
 
// Create a Server
let server = app.listen(dbConfig.serverport, () => {

    let host = server.address().address;
    let port = server.address().port;
 
  console.log("App listening at http://%s:%s", host, port)
});

Код mongodb.config.js

module.exports = {
    url: 'mongodb://<имя юзера>:<пароль>@localhost:27017/<имя бд>',
    serverport: 8080
};

Код http-common.js

import axios from 'axios'

export default axios.create({
  baseURL: "http://localhost:8080/api",
  headers: {
    "Content-type": "application/json",
  }
});

Жду ваших предположений или может даже РЕШЕНИЕ.

Comments

[Дмитрий Кузнецов]

а на сервере и/или клиенте к CORS подготовили?

[Aves]

то есть то, что из postman'а запросы идут на впс, а из браузера на локалхост - это так и задумано?

[Орк]

Дмитрий Кузнецов, вроде всё норм... может с заголовками что?

[Орк]

Aves, Да, вы правы... моя невнимательность. На клиенте приложение стучалось на localhost. Подправил...
Теперь клиент может только получать из БД, остальные запросы на изменение, удаление и поиск вызывают ошибку CORS.:

[Дмитрий Кузнецов]

Матвей Уваров, проблема остаётся всё та же. Вы стучитесь на реальный сайт с локального хоста. Либо перенесите всё на один хост, либо настройте CORS для всех запросов (со стороны сервера).
Только как закончите разработку - отключите эту возможность, а то пострадает безопасностью

[Орк]

Дмитрий Кузнецов, так в том то и дело что клиент и сервер на одном домене уже и на одном VPS-хосте, в одном каталоге...
Клиент может получать данные но не может менять их. Вываливается ошибка CORS.

[Дмитрий Кузнецов]

Матвей Уваров, по логам видно, что скрипт обращается к localhost, а так не должно быть

Answer 1

[Орк]

Ошибка найдена. Решилось всё:
--
1. заменой опции origin на сервере (CORS): с localhost:4200 на http://<мой домен>.
2. перенастройкой портов: прослушиваемый порт 8080 был открыт, но занят другим процессом. Установил другой порт для прослушивания на сервере и повторил его на клиенте.
--
Все заработало. Всем спасибо...