在進行前端項目的開發中, 如果要進行跨域訪問, 而不想在本地配置nginx 時, 可以使用gulp 的gulp-connect 和gulp-connect-proxy 兩個插件, 完成本地的跨域訪問:
var Proxy = require('gulp-connect-proxy');
var connect = require('gulp-connect');
gulp.task("server", function () {
connect.server({
root: "app",
port: 8000,
livereload: true,
middleware: function (connect, opt) {
opt.route = '/proxy';
var proxy = new Proxy(opt);
return [proxy];
}
});
});
在啟動 gulp server 任務后, 相當于在本地的8000端口的proxy目錄下, 開啟了一個轉發的服務中間件, 所有的跨越訪問, 都經由該服務中間件進行轉發.
在訪問服務時, 需要在原始URL上添加localhost:8000/proxy/前綴. 例如, 需要訪問
localhost:1234/services
則現在需要訪問:
localhost:8000/proxy/localhost:1234/services
