书格前端

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


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

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

安装connect-history-api-fallback包

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

配置

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

var historyApiFallback = require('connect-history-api-fallback')
var bs = require('browser-sync').create();

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

【全文完】