使用browserSync作为开发环境使用HTML5模式的配置方法

使用browserSync自动热加载开发单页应用,启用AngularJS下的HTML5模式,相对路径的URL刷新会
提示无法获取请求。

安装connect-history-api-fallback包

1
npm install connect-history-api-fallback --save-dev

配置

在gulpfile.js文件中配置以下内容

1
2
3
4
5
6
7
8
9
var historyApiFallback = require('connect-history-api-fallback')
var bs = require('browser-sync').create();

bs.init({
server: {
baseDir: "./app",
middleware: [ historyApiFallback() ]
}
})

【全文完】