Как я могу развернуть приложение Vue в подкаталог?

Question

У меня несколько сложный конвейер сборки ... Я использую генератор статического сайта для сборки своего сайта. Это развертывает в "публичный" каталог и генерирует заглушку внутри index.html в сгенерированной папке, test.

Например:

mysite / public / test / index.html (содержит заглушку div для приложения).

Однако при использовании vue-cli-service build требуется присоединить код Vue и приложение к mysite / public / index.html. Вместо этого я хочу обновить public / test / index.html.

Как мне это настроить? Я думаю, это может быть связано с настройкой многостраничного приложения, но технически я не делаю многостраничное приложение. Это действительно SPA, но он живет в подкаталоге.

Спасибо.

Answer 1

Vue CLI можно настроить с помощью publicPath, чтобы указать базовый путь, в котором будет развернут ваш проект.Для желаемого пути создайте vue.config.js в корневом каталоге вашего проекта и вставьте эту конфигурацию:

module.exports = {
  publicPath: '/public/test/'
}