欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

gulp解决跨域问题实例

程序员文章站 2022-04-19 20:55:43
...
//引入插件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时,默认的Taskgulp.task('default', ['connect', 'watch']);

以上就是gulp解决跨域问题实例的详细内容,更多请关注其它相关文章!