VueJS Несколько страниц с разными приложениями

Question

У меня есть приложение VueJS, в котором есть два приложения.

src/main
 ...App.vue
 ...main.js

src/agent
 ...App.vue
 ...main.js

src/shared /*[this hold shared components and functionality, together with common api calls]*/
 ...api
 ...assets
 ...components

Так что в основном это структура моего приложения. Для их запуска и сборки у меня есть следующие две команды внутри пакетов: json file

"build:main": "vue-cli-service build --mode main --dest dist/main src/main/main.js"
"build:agent": "vue-cli-service build --mode agent --dest dist/agent src/agent/main.js"

"start:main": "vue-cli-service serve --mode main src/main/main.js"
"start:agent": "vue-cli-service serve --mode agent src/agent/main.js"

Для справки у меня есть следующее

.env.main
.env.agent

Проблема в основном здесь. В каталоге publi c у меня есть файл index. html, который изначально использовался для приложения «Main», и теперь я создал файл агента. html, который я хотел бы использовать для Приложение «Агент».

Я попытался использовать конфигурацию из нескольких страниц: https://cli.vuejs.org/config/#pages

Чтобы добиться чего-то подобного:

public
...index.html
...agent.html

FILE: vue.config.js

pages: {
    index: {
      entry: 'src/' + process.env.VUE_APP_PATH + '/main.js',
      template: (process.env.VUE_APP_PATH === "agent") ? 'public/agent.html' : 'public/index.html',
      filename: 'index.html',
      chunks: [ 'chunk-vendors', 'chunk-common', 'index' ]
    },
  }

Процесс сборки работает нормально, так как когда я пытаюсь построить сайт агента, он использует файл агента. html и наоборот, но при локальном запуске выдает ошибки.

Есть ли у вас какие-либо Идея, если что-то не так из вышесказанного? Почему он работает во время сборки, а не на локальной?

При попытке запустить приложение агента локально, при нажатии «http://localhost: 8080 » отображается пустая страница ... однако, если я пытаюсь чтобы перейти к «http://localhost: 8080 / агент. html», затем выдается несколько ошибок:

GET http://localhost:8080/%3C%=%20BASE_URL%20%%3E%3C%=%20process.env.VUE_APP_FAVICON%20%%3E 400 (Bad Request)

And in my IDE:

URIError: Failed to decode param '/%3C%=%20BASE_URL%20%%3E%3C%=%20process.env.VUE_APP_FAVICON%20%%3E'
    at decodeURIComponent (<anonymous>)
.....

Запуск приложения «Main» также перестает работать после того, как я представил узел страниц в файле vue .config. js.

Может ли кто-нибудь помочь с этим, пожалуйста?

Спасибо