Я пытаюсь отправить изображение из моего публичного каталога на моем 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' }));
}
Я ценю помощь, ребята!