发布于 2017-08-20 02:54:10 | 180 次阅读 | 评论: 0 | 来源: 网友投递
GulpJS 流构建系统
从头编写HTML\CSS\Javascript是上个世纪的事情了，如今的JavaScript都是通过CoffeeScript这样的支持句法缩写的编辑器写成的。如果你希望写完JavaScript能够一个工具完成代码清理优化工作，Gulp 就是你的不二之选，GulpJS类似Ant或Maven之于Java。
下面小编就为大家带来一篇gulp解决跨域的配置文件问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
废话不多说，直接上代码
//引入插件
var gulp = require('gulp');
// var Proxy = require('gulp-connect-proxy');
var connect = require('gulp-connect');
var proxy = require('http-proxy-middleware');
//使用connect启动一个Web服务器
gulp.task('connect', function () {
connect.server({
root: './',
livereload: true,
port: 8010,
middleware: function (connect, opt) {
return [
proxy('/fs', {
target: 'http://172.16.2.52:8080',
changeOrigin:true
}),
proxy('/product', {
target: 'http://172.16.1.60:8080',
changeOrigin:true
}),
proxy('/bpauth', {
target: 'http://192.168.24.77:8080',
changeOrigin:true
})
]
}
});
});
gulp.task('watch', function () {
gulp.watch(['./*.html'], ['html']);
});
gulp.task('html', function () {
gulp.src('./*.html')
.pipe(connect.reload());
});
//运行Gulp时，默认的Task
gulp.task('default', ['connect', 'watch']);
以上这篇gulp解决跨域的配置文件问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phperz。