Отправлять запросы на сервер для маршрутов в VueJS 2 - PullRequest
Новая
       9

Отправлять запросы на сервер для маршрутов в VueJS 2

0 голосов
/ 24 декабря 2018

Если вы создаете новое приложение (с поддержкой маршрутизатора) с помощью Vue CLI 3 и запускаете встроенный сервер разработки (с npm run serve или yarn serve в зависимости от ваших предпочтений), вы можете перейти, например, к созданному /о маршруте непосредственно в вашем браузере, и он будет загружен.

За кулисами что-то на встроенном сервере разработки должно принимать запрос и направлять его на маршрутизатор vue.Я хотел бы узнать, что это такое.

Теперь, когда я закончил разработку своего приложения (https://github.com/insprintorob/libre) Я хотел бы воспроизвести эту функцию на моем собственном экспресс-сервере.

Однако, если я пойду, например, к / о, когда мое приложение статического сайта обслуживается статически с использованием Express, оно выдаст ошибку 404, потому что этот маршрут не зарегистрирован в Express.

Какнастройка vue-cli позволяет вам напрямую переходить к маршрутам и как я могу повторить это с помощью экспресс?

1 Ответ

0 голосов
/ 24 декабря 2018

За кулисами что-то на встроенном сервере разработки должно принимать запрос и направлять его на маршрутизатор vue.

Маршрутизатор обрабатывает страницы на стороне клиента, гдеКаждый маршрут связан с одним видом.Представление - это просто компонент, представляющий «страницу».Маршрутизатор позволяет создавать одностраничные приложения.

Подробнее 

// 1. Define route components.
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. Define some routes
// Each route should map to a component.
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

// 3. Create the router instance and pass the `routes` option
const router = new VueRouter({
  routes // short for `routes: routes`
})

// 4. Inject the router with the router option on the root instance.
const app = new Vue({
  router
}).$mount('#app')
...