ReactBoilerplate API Call возвращает html вместо JSON - PullRequest
0 голосов
/ 27 сентября 2019

Я использую приложение Create-реакции-приложение для проекта и планирую перейти на реактивный шаблон.У меня есть локальный бэкэнд в Java, работающий через JBOSS на localhost: 8080.Я использую proxy функциональность CRA отсюда (https://create -react-app.dev / docs / proxying-api-запросы-в-разработке ), чтобы прокси сервер и проксииз внешнего интерфейса я просто вызываю конечную точку '/ exampleAPI', чтобы запустить бэкэнд.

Как мне добиться того же в реакции-шаблоне?

В настоящее время я пытался добавить следующее в server / index.js

/* eslint consistent-return:0 import/order:0 */

const express = require('express');
const proxy = require('http-proxy-middleware');
const logger = require('./logger');

const argv = require('./argv');
const port = require('./port');
const setup = require('./middlewares/frontendMiddleware');
const isDev = process.env.NODE_ENV !== 'production';
const ngrok =
  (isDev && process.env.ENABLE_TUNNEL) || argv.tunnel
    ? require('ngrok')
    : false;
const { resolve } = require('path');
const app = express();

const pxhost = process.env.npm_config_pxhost || '127.0.0.1';
const pxport = process.env.npm_config_pxport || '8080';

// If you need a backend, e.g. an API, add your custom backend-specific middleware here
// app.use('/api', myApi);
// In production we need to pass these values in instead of relying on webpack
setup(app, {
  outputPath: resolve(process.cwd(), 'build'),
  publicPath: '/',
});

// get the intended host and port number, use localhost and port 3000 if not provided
const customHost = argv.host || process.env.HOST;
const host = customHost || null; // Let http.Server use its default IPv6/4 host
const prettyHost = customHost || 'localhost';

app.use(
  '/',
  proxy({ target: `http://${pxhost}:${pxport}/`, changeOrigin: true }),
);

// use the gzipped bundle
app.get('*.js', (req, res, next) => {
  req.url = req.url + '.gz'; // eslint-disable-line
  res.set('Content-Encoding', 'gzip');
  res.setHeader('Content-Type', 'application/json');
  next();
});

// Start your app.
app.listen(port, host, async err => {
  if (err) {
    return logger.error(err.message);
  }

  // Connect to ngrok in dev mode
  if (ngrok) {
    let url;
    try {
      url = await ngrok.connect(port);
    } catch (e) {
      return logger.error(e);
    }
    logger.appStarted(port, prettyHost, url);
  } else {
    logger.appStarted(port, prettyHost);
  }
});

Ответ приходит в виде текста /HTML и не удалось получить данные JSON.

Любая идея, чтобы это исправить?Пожалуйста, совет.

...