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

文章标题：gulp如何解决跨域的配置文件问题
标题路径：http://scpingwu.com/article/iioico.html