Использование Vue-cli с несколькими страницами, как мне перенаправить на страницы в приложении - PullRequest
Новая
       5

Использование Vue-cli с несколькими страницами, как мне перенаправить на страницы в приложении

0 голосов
/ 09 мая 2019

Я настроил vue-cli3 для создания многостраничного приложения, следуя этому руководству https://cli.vuejs.org/config/#pages В моем приложении 2 статических страницы, и я смог настроить vue.config.js, как показано ниже. Когда я запускаю приложение, оно загружает страницу индекса, как и ожидалось, но я не могу перейти на другую страницу.

Страница указателя обслуживается по основному URL http://localhost:8080/

Я пробовал следующие URL, но они не загружают вторую страницу http://localhost:8080/user.html http://localhost:8080/user http://localhost:8080/user/user.html

В документации говорится, что сгенерированный файл "выводится как dist / user.html", но неясно, как ссылаться на файл программно или напрямую с URL.

Я также клонировал этот начальный проект Vue-cli https://github.com/Plortinus/vue-multiple-pages и заметил, что автор заставил работать маршрутизацию между страницами, вызвав метод, который вызывает location.assign('../customer/home.html') Но это не сработало для меня, и я не знаю почему.

My vue.config.js 

module.exports = {
    pages: {
        index: {
          entry: 'src/visitor/main.js',

          template: 'public/index.html',

          filename: 'index.html',

          title: 'Home Page',

          chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        user: {
            entry: 'src/user/main.js',

            template: 'public/index.html',

            filename: 'user.html',

            title: 'User Page',

            chunks: ['chunk-vendors', 'chunk-common', 'index']
        }
    }
}

Структура проекта https://ibb.co/kJ5SqDb

1 Ответ

0 голосов
/ 04 июня 2019

Если вы используете конфигурацию страниц из Vue, предполагается, что приложение, над которым вы работаете, имеет серверную маршрутизацию.Эта конфигурация будет внедрять JS для конкретной страницы в шаблон HTML, а затем этот шаблон будет предоставлен пользователю через сервер.

Если вы хотите использовать конфигурацию только Vue и ищете большеодностраничная структура приложения, вам не нужно использовать pages и вы можете просто использовать vue-router

...