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

Я пытаюсь отправить изображение из моего публичного каталога на моем node.js + экспресс-бэкэнд на клиентскую сторону, которая называется Reacts (в частности, create-реагировать на приложение).

У меня типичная файловая структура:

-public
   -images
      -image.jpeg

. На стороне клиента у меня есть тег изображения с относительным путем, например,

<img src='/images/me.jpeg' alt="" />

Мое приложение.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(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;

увы, мне не повезло с обслуживанием изображения.Есть идеи для этого?Я не уверен, что мне также нужен дополнительный прокси, когда я нахожусь в dev.Я пробовал это, что нравится в моей папке src в реагировать

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

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

Я ценю помощь, ребята!

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