javascript - gulp browser-sync 不提供 json 文件

Question

我遇到一个问题，我无法从我的子文件夹中提供 json 文件。下面是代码:

var browserSync = require('browser-sync').create();

// Static server
gulp.task('connect', function() {
    browserSync.init({
      server: {
        baseDir: "app/"
      }
    });
});

我所有的 static 和 angularjs 文件都位于 app 文件夹中。当我导航到 http://localhost:3000 时，页面加载但 app/data/myfile.json 中相应的 json 文件没有加载。

我的控制台出现以下错误:

POST http://localhost:3000/data/json/myfile.json 404 (Not Found)

奇怪的是，当我尝试在浏览器中加载路径时，会加载 json 文件。

Answer 1

一开始我是这样用的https://www.browsersync.io/docs/options/#option-serveStatic失败。但是

const ASSET_EXTENSION_REGEX = new RegExp(`\\b(?!\\?)\\.(${config.assetExtensions.join('|')})\\b(?!\\.)`, 'i');
     const DEFAULT_FILE = 'index.html';
...
        server: {
          baseDir: './build',
          middleware: function(req, res, next) {
            let fileHref = url.parse(req.url).href;

            if ( !ASSET_EXTENSION_REGEX.test(fileHref) ) {
              req.url = '/' + DEFAULT_FILE;
            }

            return next();
          }
        }
     ...

config = {assetExtensions: [ 'js', 'css', 'png', 'jpe?g', 'gif', 'svg', 'eot', 'otf', 'ttc', 'ttf', 'json', 'woff2?' ]}

成功