漂亮的URL与Node.js / Gulp使用.htaccess?

我正在部署一个静态网站与远程共享​​主机。 每个页面都有一个.html扩展名,我想从url中删除,以使它们更漂亮。

所以我将下面的.htaccess文件添加到托pipe服务器上的网站目录的根目录:

RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^([^\.]+)$ $1.html [NC,L] 

这在主机网站上完美工作,即当我inputURL mywebsite.com/page时,服务器显示mywebsite.com/page.html而不显示在URL中。

我的问题是,我正在开发使用LiveReload Gulp的网站。 这是我的gulpfile.js:

 var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var pkg = require('./package.json'); // Copy vendor files from /node_modules into /vendor // NOTE: requires `npm install` before running! gulp.task('copy', function() { gulp.src([ 'node_modules/bootstrap/dist/**/*', '!**/npm.js', '!**/bootstrap-theme.*', '!**/*.map' ]) .pipe(gulp.dest('vendor/bootstrap')) gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) .pipe(gulp.dest('vendor/jquery')) gulp.src(['node_modules/popper.js/dist/umd/popper.js', 'node_modules/popper.js/dist/umd/popper.min.js']) .pipe(gulp.dest('vendor/popper')) gulp.src(['node_modules/jquery.easing/*.js']) .pipe(gulp.dest('vendor/jquery-easing')) }) // Default task gulp.task('default', ['copy']); // Configure the browserSync task gulp.task('browserSync', function() { browserSync.init({ server: { baseDir: '' }, notify: false }) }) // Dev task with browserSync gulp.task('dev', ['browserSync'], function() { // Reloads the browser whenever HTML or CSS files change gulp.watch('css/*.css', browserSync.reload); gulp.watch('js/*.js', browserSync.reload); gulp.watch('*.html', browserSync.reload); }); 

现在,当我用gulp dev启动开发环境时,所有指向mywebsite.com/page的链接都被破坏了。 所以Gulp开发服务器不会将.html附加到像我的托pipe服务器那样的URL。

有没有什么办法可以修改开发环境,所以当我使用gulp dev时候,这些经过validation的URL也可以工作?