GULP 4 - 使用 browsersync 和 PHP 提示下载

GULP 4 - Using browsersync with PHP prompts for download

我是 Gulp 的新手,请多多关照。 在我的 gulpfile.js 中,我将此配置用于 BrowserSync 和 gulp-connect-php server:

    phpConnect.server({}, function (){
        browserSync.init({
            server:{ 
                proxy: "localhost:3000",
                baseDir:"./build/",
                index: "index.php",
                //directory: true
            }
        }); 
    });

每次我使用 gulp dev 开始我的任务时,这是我的默认任务,一切正常,除了当我打开浏览器 localhost:3000 时提示下载

application/x-httpd-php (2,5 kB)

我试图阅读 Whosebug 和 Github 上的其他答案。我不知道该怎么做才能解决这个问题。 我正在使用 MacBookAir 2017,Catalina 会定期更新。 我正在为 Apache、Firefox 和 php7.

使用 Homebrew

编辑

在第一个答案之后,我认为问题实际上出在 mime.types。我已将它们添加到我的配置文件中,但仍然没有成功。

我认为你应该入住

/etc/httpd/conf/httpd.conf

文件:

AddType  application/x-httpd-php         .php
AddType  application/x-httpd-php-source  .phps

或类似的东西和:(例如 PHP 7)

LoadModule php7_module modules/libphp7.so

Apache is downloading php files instead of displaying them

希望对你有帮助

事实证明,在 Gulp 和 BrowserSync 方面,我真的是个菜鸟。 正确的配置是:

    gulp.task('browserSync', function() {
    phpConnect.server({
        base:'./build/',
        hostname:'127.0.0.1'
    }, function (){
        browserSync.init({
            proxy: "127.0.0.1:8000"
        }); 
    });
});

因为我正在尝试使用端口 8000 上的 PHP 开发服务器和 BrowserSync 作为代理而不是服务器。把我当哑巴 我希望这会为处于相同情况的人节省一些时间。