Vue приложению, загруженному на подстраницу, будет обновлен URL-адрес начальной страницы сайта - PullRequest
Новая
       21

Vue приложению, загруженному на подстраницу, будет обновлен URL-адрес начальной страницы сайта

0 голосов
/ 20 апреля 2020

Я пытаюсь загрузить приложение Vue на одну из моих подстраниц. Этот сайт является сайтом Episerver CMS, на котором запущены ASP. NET в IIS.

При попытке загрузить приложение Vue на одну из моих подстраниц URL-адрес изменяется на URL-адрес моей стартовой страницы. Приложение работает нормально, но поскольку URL-адрес изменен, приложение прерывается на странице refre sh.

Я использую роутер Vue с режимом ha sh (режим Ha sh ТРЕБУЕТСЯ. При использовании режима истории все работает отлично ).

Допустим, мое приложение загружено по следующему URL:

https://www.example.com/subpage/appstart/

Моя конфигурация маршрута: 

{
  mode: 'hash',
  base: '/',
  [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/page1',
      name: 'page1',
      component: Page
    },
  ],
}

Я пытался использовать '/ subpage / appstart /' в качестве базы, но это, похоже, не дает никакого эффекта при использовании режима ha sh?

При переходе к моему приложению:

https://www.example.com/subpage/appstart/

URL изменяется на:

https://www.example.com/# /

Приложение работает, как и маршрутизация. Переход на одну из страниц будет заканчиваться следующим URL:

https://www.example.com/# / page1

Как заставить приложение работать с правильного root URL, чтобы мое приложение Home оставалось на правильном URL:

https://www.example.com/subpage/appstart/# /

https://www.example.com/subpage/appstart/# / page1

...