###前提・実現したいこと
タイトルの通りなのですが、
こちらのURL
で試してみましたが、実現出来なかったので実現させたいです。
また、ゴールとしては、任意のURLを引っ張ってきてそのサイトの内容の一部(参照とするCSSやJS)をlocalhostで疑似的に変更したいです。
###発生している問題・エラーメッセージ
参考URLでそのまま試してみましたが、実現出来ませんでした。
任意のURLを叩いてもlocalhostの内容が反映されません。
hoxyの扱い方が問題なのかもしれません。
エラーメッセージ
###該当のソースコード
JS
1'use strict'; 2 3var gulp = require('gulp'); 4var $ = require('gulp-load-plugins'); 5var browserSync = require('browser-sync').create(); 6var hoxy = require('hoxy'); 7var opn = require('opn'); 8 9var hostname = 'example.com'; 10 11gulp.task('proxy', function (callback) { 12 var proxy = hoxy.createServer().listen(8888, function () { 13 callback(); 14 }); 15 proxy.intercept({ 16 phase: 'request', 17 hostname: hostname 18 }, function (req) { 19 req.hostname = 'localhost'; 20 req.port = '9000'; 21 }); 22}); 23 24gulp.task('serve', ['proxy'], function () { 25 browserSync.init({ 26 notify: false, 27 port: 9000, 28 open: false, 29 server: { 30 baseDir: 'app' 31 } 32 }, function () { 33 opn('http://' + hostname); 34 }); 35 gulp.watch([ 36 'app/**' 37 ]).on('change', browserSync.reload); 38}); 39 40gulp.task('default', ['serve']);
###試したこと
node_modulesを揃えて、
gulpコマンドを叩きました。
あなたの回答
tips
プレビュー