Gulp 浏览器同步路径

Question

我在通过 ajax post 请求请求文件时遇到问题。

我想知道如何将我的文件映射到 ajax 调用以匹配服务器路径？我不明白为什么它不起作用（在切换到 gulp 网络服务器之前使用 XAMPP）。这是我的项目结构：

./
|_ site/
|  |_ index.html
|  |_ php/Gallery.php
|  |_ assets/
|     |_ js/
|        |_ Ajax.js
|        |_ test.html
|
|_ dist/
|
|_ gulpfile.js
|_ package.json
|_ ...

Ajax.js 文件执行 Post 请求以获取 php/gallery。php 但是我得到了 404。我尝试了 "php/Gallery.php" 和“.. /../php/Gallery.php" 作为路径（还有很多其他路径，但尝试和错误并没有让我更进一步）

Ajax 调用：

$.ajax({
    url: "php/Gallery.php",
    type: 'post',
    data: { width: $(window).width(), galleryWidth: $('.popup-gallery').innerWidth(),},
    cache: false,
    beforeSend: function(){
      $( ".ajax-loading" ).css('display', 'block');
    },
    success: function(json) {
       ... do something
    },
    error: function(err) {
      console.log("Ajax Error: "+ err);
    }
  }); // end ajax call

我试图访问我的 /js 文件夹中的 test.html 文件，路径为："assets/js/test.html"，我也在那里得到了 404。如果我键入 URL“http://localhost:3000/assets/js/test.html”，test.html 文件会以其 "Hello world" 正常显示，所以我真的很困惑。

见图： http://oi59.tinypic.com/n71op0.jpg （外部 link 因为你需要 10 个声望才能 post 图片，遗憾的是）

如果有人能解释我在这里做错了什么或者我的错误在哪里，我将不胜感激！

谢谢

Answer 1

问题是，gulp 网络服务器无法解释 PHP。现在我使用 Xampp 并让 browsersync 代理通过它。

Gulp 浏览器同步路径

Gulp Browsersync pathing

php

jquery

ajax

gulp