express-http-proxy代理来响应js应用，但没有任何内容

Question

The proxy port is at 8080, and want to forward to the react js website when the browser calls localhost:8080/admintool. I am trying to use express-http-proxy to do it, but it only appears the title on the web page, but no content appears on the browser.

The code is following:

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

const app = express();

app.use('/admintool', proxy('localhost:2000'));

http.createServer(app).listen(8080, () => console.log('proxy server listening on port 8080!'));

And, the developer console also has two errors:

1. GET http://localhost:8080/static/js/bundle.js 404 (Not Found) admintool:1

2. Refused to execute script from ' http://localhost:8080/static/js/bundle.js ' because its MIME type

('text/html') is not executable, and strict MIME type checking is enable

If I use http://localhost:2000 , the web app can display normally. I am not sure why I am only able to get the title on the browser "React App" but not the content. Please help, thank a lot.

Answer 1

Do you have react-router in your application? If you do then remember to add basename='admintools' in your Router component at root. Otherwise it doesn't render with BrowserRouter .

let's say you have a <Route path='/examples' component={Example}/> component. Without the basename props in Router , BrowserRouter won't be able to match it when you do localhost:3000/admintools/examples .