前端自动化-浏览器同步测试（自动刷新、热刷新、热加载）

Browsersync

官网：https://www.browsersync.io/

中文：http://www.browsersync.cn/

Gulp中使用

http://www.browsersync.cn/docs/gulp/

注意1：我测试哪个tesk在下面哪个好使（要么能使用静态服务器，要么用代理？）貌似不能部分请求用代理。。

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

// 静态服务器
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});

// 代理
gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "你的域名或IP"
    });
});

注意2：proxy后定义了路径startPath就不起作用了

gulp.task('browser-sync', function() {
    browserSync.init({
        // path为首次启动路径，host为个请求转发的地方
        proxy: "localhost:3448/data-entry/index.aspx",
        /* 
          proxy后定义了路径startPath就不起作用了

          proxy: "localhost:3448/data-entry/index.aspx",
          和
          proxy: "localhost:3448",
          startPath: "/data-entry/index.aspx"
          一样
        */
    });
});

webpack-dev-server

https://webpack.js.org/configuration/dev-server/

使用浏览器同步测试（自动刷新、热刷新、热加载）打开的页面访问服务端接口违反同源策略

使用 代理（proxy） 解决

转载于:https://www.cnblogs.com/jffun-blog/p/9490506.html