这篇文章主要介绍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如何解决跨域的配置文件问题”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！