gulp解决跨域的配置文件

Posted Cynthia娆墨旧染

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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解决跨域的配置文件的主要内容,如果未能解决你的问题,请参考以下文章

php解决跨域的代码

web api 解决跨域的问题

使用Nginx来解决跨域的问题

修改浏览器属性配置的作用---开发机上解决跨域的方式

前端跨域的三种解决方案

SpringBoot的Cros跨域问题经常始终不能解决跨域的原因