Как заставить React setupProxy правильно работать с express.js - PullRequest
0 голосов
/ 25 ноября 2018

В настоящее время у меня возникла проблема с попыткой обработки изображений из экспресс-доставки.Я правильно настроил свой express.static, поэтому при посещении localhost:5000/public/images/me.jpeg я получаю изображение в браузере.Однако, когда я реагирую и пытаюсь использовать <img src="/public/images/me.jpeg", я ничего не получаю.Я полагаю, что это связано с настройкой прокси для реакции, но я не слишком уверен.Любая помощь будет потрясающей!Спасибо!

Экспресс структура папок для ресурсов:

public --
   images --
      me.jpeg

app.js в экспрессе:

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

const contactRouter = require('./routes/contact');

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

app.use('/public', express.static(__dirname + "/public"));
app.use(express.static(path.join(__dirname, 'client/build')));

//route handlers

app.use('/contact', contactRouter);

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname + '/client/build/index.html'));
});


module.exports = app;

мой файл setupProxy.js в src (реагировать)

const proxy = require('http-proxy-middleware')

module.exports = function (app) {
    app.use(proxy('/public', {target: 'http:localhost:5000'}));
}

Спасибо за помощь, ребята!

Также забыл упомянуть ** Весь код работает в производстве, и я получаю свои изображения, это только для разработки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...