Приложение Vue с базовым интерфейсом API .NET для Areas, использующее веб-пакет, Vue не загружается - PullRequest
Новая
       35

Приложение Vue с базовым интерфейсом API .NET для Areas, использующее веб-пакет, Vue не загружается

0 голосов
/ 31 января 2019

Я недавно взял на себя задачу объединить 2 приложения с приличным количеством перекрывающихся функций в одном приложении.Я использую Vue в качестве библиотеки переднего плана и потребляю данные из ядра .NET.Webpack предоставляет все остальное волшебство.Я решил использовать области для разделения разрозненных функций, поэтому у меня есть 2 точки входа в webpack.config.js.

module.exports = {
context: __dirname,
entry: {
    app1: "./app1/bootApp.js",
    app2: "./app2/bootApp.js"
}

Когда я запускаю приложение, я получаю содержимое index.cshtml, но больше ничего.Vue не загружается.

Я определил маршруты для областей следующим образом: `app.UseMvc (rout => {rout.MapRoute (name:" app1 ", template:" {app1: существующие)} / {controller = Home} / {action = Index} / {id?} "); 

   routes.MapAreaRoute(
   name: "default",
     areaName: "app1",
     template: "{controller=Home}/{action=Index}/{id?}"
    );

и еще один, такой же, как этот маршрут для app2. Потому что я могу видеть содержимое index.cshtml для app1 Я действительно озадачен тем, почему Vue не загружается. Демоверсия Barebones здесь .

1 Ответ

0 голосов
/ 01 февраля 2019

После дня копания я нашел решение проблемы.Файл index.cshtml загружался просто отлично, и был элемент с идентификатором app в соответствии с соглашением, но я сначала решил попробовать отказаться от файла _Layout.cshtml фреймворка по умолчанию и файла _ViewStart.cshtml.Файл макета в других приложениях MVC, в которые мы интегрировали Vue, содержит элемент в разделе head, который выглядит следующим образом: <base href="/" />.В маршрутизаторе мы определяем путь к корневому маршруту как "/", поэтому кажется, что, пропуская файл макета, включающий базовый элемент, у Vue не было ничего, к чему можно было бы присоединить корневой маршрут и все последующие относительные ссылки.Таким образом, индексная страница отображается просто отлично, но Vue никогда не загружается.

...