javascript - 用 grunt 重写 URL

Question

我有一个应用程序需要更改一些网址。例如 localhost:9000 应该看起来像 localhost:9000/myapp

所有静态文件都将在 html 中有 url，如 myapp/style/main.css。但实际上myapp文件夹是不存在的，我只需要在url中显示即可。我不知道如何在内部重写它。

服务器是 "grunt-contrib-connect"

Answer 1

使用http-rewrite-middleware

安装后，将其放在 Gruntfile 的顶部

var rewriteModule = require('http-rewrite-middleware');

然后在你的连接 livereload 下做这样的事情:

livereload: {
    options: {
      open: 'http://localhost:9000/myapp',
      middleware: function(connect, options, middlewares) {

        // rewrite (make sure it is first)
        middlewares.unshift(rewriteModule.getMiddleware([
          {from: '^/myapp/(.*)', to: '/$1'}
        ]));

        //paths
        middlewares.push(connect.static('.tmp'));
        middlewares.push(connect().use(
          '/bower_components',
          connect.static('./bower_components')
        ));
        middlewares.push(connect.static(appConfig.app));

        return middlewares;
      },