Question

我重新阅读了grunt手表页面上的指南，并在其他地方看了3个不同的例子，但当修改html或js文件时，我无法让它自动刷新我的页面...我的意思是我得到了“文件更改：views / entryw.html“消息虽然被观看但没有自动重新加载/自动刷新的迹象

我的服务器在端口9000上运行

这就是我的Gruntfile.js的样子：

module.exports = function (grunt) {


    // --------------------------------------------------------------------------------------------- //
    // Configuration
    // --------------------------------------------------------------------------------------------- //
    grunt.initConfig({  
        browserSync: {
            bsFiles: {
                src : [
                    'forbiddenDirectory/*.js', 
                    'views/*.html'
                ]
            },
            /*options: {
                server: {
                    baseDir: "./"
                }
            }*/
            options: {
                proxy: "localhost:3000",
                open: false
            }
        }
    });


    // --------------------------------------------------------------------------------------------- //
    // Load plugins
    // --------------------------------------------------------------------------------------------- //
    grunt.loadNpmTasks('grunt-browser-sync');



    // --------------------------------------------------------------------------------------------- //
    // register tasks
    // --------------------------------------------------------------------------------------------- //
    grunt.registerTask('default', ['browserSync']);

    //grunt.registerTask('all', ['default']) // each index in array is the name of registered tasks above

}

Answer 1

我认为proxy option应该指向您的服务器端口9000，如下所示：

options: {
  proxy: 'http://localhost:9000'
}

然后，您可以通过浏览器同步访问您的应用程序http://localhost:3000，它将通过代理服务器在端口9000上为实际服务器提供服务。

YMMV，因为您的服务器可能需要重新启动才能使更改生效。

浏览器同步不是自动刷新

1 个答案: