Как в проекте Gulp убрать в Url /app?

Если ваш проект на Gulp использует пакет gulp-connect, то есть несколько подходов, чтобы убрать /app из URL.

  1. Перемещение содержимого папки /app в корневую папку:
  • Скопируйте все файлы и папки из папки /app в корневую папку проекта.
  • Обновите пути файлов в вашем gulpfile.js, чтобы они указывали на новые пути файлов.
  1. Использование middleware для перенаправления:
  • В вашем gulpfile.js найдите задачу, которая запускает сервер gulp-connect или используемую вами middleware.
  • Добавьте middleware, чтобы перенаправлять все запросы с /app/ на соответствующие пути в реальной файловой системе.

Например, вы можете использовать пакет connect-modrewrite и настроить правило для перенаправления всех запросов с /app/ на папку /:

    var gulp = require('gulp');
    var connect = require('gulp-connect');
    var modrewrite = require('connect-modrewrite');

    gulp.task('server', function() {
        connect.server({
            root: 'app',
            middleware: function(connect, opt) {
                return [
                    modrewrite([
                        '^/app/(.*)$ /$1 [L]'
                    ])
                ];
            }
        });
    });
  1. Изменение базового пути в HTML:
  • Найдите все ссылки на ресурсы (ссылки на CSS, JavaScript, изображения) в ваших HTML-файлах.
  • Обновите ссылки, удалив префикс /app/.

Например, замените:

    <link rel="stylesheet" href="/app/css/style.css">
    <script src="/app/js/main.js"></script>
    <img src="/app/img/logo.png">

на:

    <link rel="stylesheet" href="css/style.css">
    <script src="js/main.js"></script>
    <img src="img/logo.png">

Все эти подходы позволяют убрать /app из URL в вашем проекте Gulp. Выберите тот подход, который наиболее удобен и соответствует вашим потребностям.