Browsersync
官网:https://www.browsersync.io/
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) 解决