[英]How to get React setupProxy to work correctly with express.js
我目前在嘗試從快遞中提供圖像以做出反應時遇到問題。 我的 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;
我在 src 中的 setupProxy.js 文件(反應)
const proxy = require('http-proxy-middleware')
module.exports = function (app) {
app.use(proxy('/public', {target: 'http:localhost:5000'}));
}
謝謝你們的幫助!
也忘了提及**所有代碼都在生產中工作,我收到了我的圖片,這僅用於開發
將此行添加到 react package.json 文件中 script 標簽之后或最后。
"proxy": "http://localhost:4000"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.