gulp localhost 无法获取 /

Posted 2023-02-25

【中文标题】gulp localhost 无法获取 /

【英文标题】：gulp localhost Cannot GET /

【发布时间】：2015-06-08 21:01:35

【问题描述】：

首先，我正在关注 Menno Pietersen 在Rapid MODx Workflow 上的教程。我很肯定我已经准确地遵循了它，但是由于某种原因，当我在我的项目文件夹中执行“gulp watch”时，我得到一个空白的 localhost:3000 页面，显示“Cannot GET /”。

我对这里的所有活动部分都不是很熟悉，所以我什至不知道从哪里开始，为什么我会收到这个错误而不是看到我的网站。我已经用谷歌搜索了它并提出了其他各种似乎与我使用的设置和/或工具无关的问题......此时。

有没有其他人尝试过这种设置并遇到过这种情况？或者可能知道我应该从哪里开始？

感谢您的帮助。如果需要，我可以提供更多信息。谢谢。

注意：如果我将 index.html 文件放在项目根目录中，它会显示该文件，但我不确定为什么它没有显示 modx 站点或如何修复它。

更新：我发现在我的 gulpfile.js 中，gulp.task 浏览器同步设置为使用“baseDir”。我将其注释掉并使用代理选项并设置它到“本地主机”。固定。

【问题讨论】：

@Vasis 是的，这与我在帖子中引用的教程相同，但我确实想出了如何解决这个问题。更新了我的帖子。感谢您的回复。

@KevinHamil 如果您通过 Visual Studio、Eclipse、Ruby 服务器等虚拟主机运行项目，则使用代理选项...然后您使用代理将 browsersync 指向这些 URL .如果你只是在做前端（html+css+js），你应该可以使用 server 选项

【参考方案1】：

BrowserSync 的基本设置包括一个适用于基本 HTML/JS/CSS 网站的内置静态服务器（请参阅文档）。

server: 
    baseDir: "app"

删除它并使用proxy 选项。像这样：

// Using a vhost-based url
proxy: "local.dev"

Check docs 获取接受的 url 类型的完整列表

【参考方案2】：

我解决了这个问题

gulp.task('serve', function() 
    browserSync.init(
       proxy: "http://localhost/mydir"
    );
);

【参考方案3】：

我从错误的目录错误地运行gulp 后遇到了这个错误。仔细检查您是否在包含 gulpfile.js 副本的目录中。