Как подключить Heroku API (сервер / узел-экспресс) к доменным gh-страницам домена - PullRequest
Новая
       8

Как подключить Heroku API (сервер / узел-экспресс) к доменным gh-страницам домена

0 голосов
/ 23 декабря 2018

Я размещаю собственный веб-сайт домена (реагировать / веб-пакет) на gh-страницах и подключаюсь к серверу (node-express) на Heroku.

Как подключиться к серверу Heroku?Я получаю сообщение об ошибке подключения к серверу для sendmailer, который отлично работает на localhost.

Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED

localhost: 9080 / api / Reserve: 1

Я пробовал эти условия, чтобы выяснить, содержит ли window.location localhost.

  1. !! window.location.href.indexOf ('localhost');

  2. window.location.hostname === 'localhost';

, если условие истинно, вернуть 'http://localhost:9080' или 'https://yuchung.herokuapp.com'

У меня установлена ​​настройка cors на сервере узла.

config.js 

const IS_DEV_MODE = window.location.hostname === 'localhost';
const URL = IS_DEV_MODE
  ? 'http://localhost:9080'
  : 'https://yuchung.herokuapp.com';

module.exports = {
  API_HOST: URL,
};

server.js 

const express = require('express');
const path = require('path');
const webpack = require('webpack');
const cors = require('cors');
const logger = require('morgan');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const devMiddleware = require('webpack-dev-middleware');
const hotMiddleware = require('webpack-hot-middleware');
const config = require('../webpack.dev');

require('dotenv').config();

const app = express();

const isProd = process.env.NODE_ENV === 'production';
const corsOptions = {
  origin: 'https://yu-chung.com',
  optionsSuccessStatus: 200,
};

app.use(cors(corsOptions));
app.use(logger('dev'));
app.use(
  bodyParser.urlencoded({
    extended: true,
  }),
);
app.use(bodyParser.json());
app.use(cookieParser());

const DIST_DIR = path.join(__dirname, '../', 'public/dist');
const HTML_FILE = path.join(DIST_DIR, 'index.html');

if (!isProd) {
  const compiler = webpack(config); 
  app.use(
    devMiddleware(compiler, {
      hot: true,
      noInfo: true,
      publicPath: config.output.publicPath,
    }),
  );
  app.use(
    hotMiddleware(compiler, {
      log: console.log, // eslint-disable-line
      heartbeat: 10 * 1000,
    }),
  );

  app.get(/^\/(?!api\/)(?!assets\/)(?!.*\.json$).*/, (req, res, 
next) => {
    compiler.outputFileSystem.readFile(HTML_FILE, (err, result) => {
      if (err) {
        return next(err);
      }
      res.set('content-type', 'text/html');
      res.send(result);
      return res.end();
    });
  });
} else {
  app.use(express.static(DIST_DIR));
  app.get('*', cors(corsOptions), (req, res) => 
res.sendFile(HTML_FILE));

  app.get('/', cors(corsOptions), (req, res) => {
    res.redirect('https://yu-chung.com');
  });
}

app.use('/api', require('./api'));

const PORT = process.env.PORT || 9080;
app.listen(PORT, () => {
  console.log(`Sever is listening on ${PORT} in 
${process.env.NODE_ENV}`);
});

reserveAction.js 

 export const reserve = reserveInfo => dispatch => {
     dispatch({
       type: types.RESERVE_REQUEST,
     });
     return axios
       .post(`${API_HOST}/api/reserve`, reserveInfo)
       .then(() =>
         dispatch({
           type: types.RESERVE_SUCCESS,
           reserveInfo,
         }),
       )
       .catch(error =>
         dispatch({
            type: types.RESERVE_FAILURE,
            error,
          }),
       );
    };

Ожидается, что клиент совершит https://yuchung.herokuapp.com/api/reserve вызов вместо localhost: 9080 / api / reserve.

1 Ответ

0 голосов
/ 23 декабря 2018

Я решил проблему, проверив вместо этого process.env.NODE_ENV. 

 let IS_DEV_MODE = false;
    if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
      IS_DEV_MODE = true;
    }

    const URL = IS_DEV_MODE
      ? 'http://localhost:9080'
      : 'https://yuchung.herokuapp.com';

    module.exports = {
      API_HOST: URL,
    };
...