cannot set proxy on node.js
我在端口5550上有node.js 4.1.1和express.js 4.8.5。我在端口8080上也有geoserver 2.8.0。两台服务器都在同一台笔记本电脑上。
节点上的一个应用程序想要从geoserver访问一些地图数据,这些是Openlayers的详细信息
1 2 3 4 5 6 7 | source: new ol.source.TileWMS({ url: 'http://localhost:8080/geoserver/mymap/wms?', crossOrigin: 'anonymous', // I also tried crossOrigin: 'localhost:8080/' and crossOrigin: 'localhost:5550/' but nothing params: {'LAYERS': 'mymap:layer, mymap:anotherLayer, FORMAT': 'image/png' ,'CRS': 'EPSG:3857'}, serverType: 'geoserver' |
在geoserver上设置cors或proxy不可能导致技术问题(旧的jetty core、对原始的hack-ish解决方案、旧的jetty版本的不可用的
根据这个和前面的问题,我必须设置一个反向代理,所以
- 我不在客户端上进行代理配置
- geoserver通过节点反向代理得到服务,因此看起来有相同的起源(=不再有CORS问题)
- 客户端希望访问geoserver,但通过节点访问知道它
我想我的概念是正确的,但我不知道如何实现。我选择了HTTP代理中间件来实现这一点。我在我的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | var proxyMiddleware = require('http-proxy-middleware'); var proxy = proxyMiddleware('http://localhost:8080/geoserver', { target: 'http://localhost:5550', changeOrigin: true }); var app = express(); app.use('/' , function (req, res) { res.render('index', { title: 'testing', head: 'Welcome Testing Area'}); }); app.use(proxy); app.listen(5550); |
在控制台上,我看到了
但我还是得到了错误
我不明白如何实现这一点。请指出我的错误,或者如果我没有得到正确的概念。请帮助我理解。
谢谢
更新
这些是我打开浏览器控制台时看到的标题
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | General Remote Address:[::1]:8080 Request URL:http://localhost:8080/geoserver/mymap/wms?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=mymap%3Aplanet_osm_polygon%2C%20mymap%3Aplanet_osm_line%2C%20mymap%3Aplanet_osm_roads%2C%20mymap%3Aplanet_osm_point&TILED=true&CRS=EPSG%3A3857&WIDTH=256&HEIGHT=256&STYLES=&BBOX=2269873.9919565953%2C4618019.500877209%2C2348145.508920616%2C4696291.017841229 Request Method:GET Status Code:404 Not Found Response Headers HTTP/1.1 404 Not Found Content-Type: text/html; charset=iso-8859-1 Content-Length: 1408 Server: Jetty(6.1.8) Request Headers Accept:image/webp,image/*,*/*;q=0.8 Accept-Encoding:gzip, deflate, sdch Accept-Language:el-GR,el;q=0.8,en;q=0.6 Cache-Control:max-age=0 Connection:keep-alive Host:localhost:8080 Origin:http://localhost:5550 Referer:http://localhost:5550/ User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36 |
看起来您配置的代理不正确。
- 混合使用普通代理配置和速记配置
- 目标应该是地理服务器,而不是Express服务器。
以geoserver为目标的普通语法:
1 2 3 4 | var proxy = proxyMiddleware('/geoserver', { target: 'http://localhost:8080', changeOrigin: true }); |
或使用速记语法:
此配置与前一配置的行为完全相同。
1 2 3 | var proxy = proxyMiddleware('http://localhost:8080/geoserver', { changeOrigin: true }); |
Chimurai是对的。最终对我起作用的是设置
在我的电脑上,我现在有了
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | var proxyMiddleware = require('http-proxy-middleware'); var proxy = proxyMiddleware('http://localhost:5550', { target: 'http://localhost:8080', changeOrigin: true, xfwd: true }); /* the above can be replaced by chimurai's version : var proxy = proxyMiddleware('/geoserver', { target: 'http://localhost:8080', changeOrigin: true }); and will still work */ var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'ejs'); app.use(favicon()); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded()); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('/', function(req, res, next) { httpProxy.createProxyServer({target:'http://localhost:8080'}); next(); }); app.use(proxy); app.listen(5550); |
我在Openlayers代码中删除了这个
我还试图通过在geoserver上设置代理来解决这个问题,但这是不可能的,因为geoserver运行的是一个旧的jetty版本,现在是eol,所以没有官方的解决方案来代理geoserver或升级它。
通过节点进行故障排除是最佳解决方案