Как пропустить запрос на сервер без обработки vue-router?

Question

[Paka]

Пробую vue3.
Там по умолчанию включен vue-router, который обрабатывает все запросы в адресной строке.

Как настроить какой-нибудь путь, например /api чтобы этот путь vue-router не обрабатывал, а пропускал на сервер, где я уже смог бы его обработать серверным обработчиком?

Comments

[Михаил]

код на бочку

[Paka]

import { createRouter, createWebHistory }   from 'vue-router'
import Home                                 from '../views/Home.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
})

export default router

[WapSter]

Paka, vue-router не перехватывает все запросы если не настроить

[Paka]

[Михаил]

1. если используете router-link в надежде на то, что он перейдёт на эту страницу то вам явно нужно изучать как работает vue-router
2. не правильно настроен сервер, на все запросы отдаёт index.html

[Paka]

1. наоборот, не хочу что бы роутер работал по указанному адресу

2. да, вот это точно. спасибо. нужно разбираться как настроить серверный роутер, похоже в этом дело. чтобы он для index.html отдавал под vue одно, а под другой адрес другое.
но как тогда выпустить запрос из vue - вот этого я не понимаю
те мне нужно по адресу "/api" получить 404, потому что такой страницы нету (потом я серверный роут настрою на этот адрес),
но я не могу получить 404 потому что vue-router не выпускает меня, поскольку такого адреса не существует (физически файла нету)

или, наверное, это должно должно сработать после настройки серверного роута, поскольку тогда адрес "/api" будет определен, а не 404 и тогда vue типа должен как-то увидеть, что это рабочий адрес, тогда и пропустит на него...

[Aetae]

Не использовать router-link, использовать обычный <a href=.... Остальное настройки сервера.

Answer 1

[Aetae]

Если вопрос про прод: настроить сервер, чтоб сначала отдавал /api откуда надо, а только потом заворачивал все запросы на index.html.

Если вопрос про разработку: в vue-cli используется webpack dev server, и там есть proxy, через который вы можете направить запросы с /api на свои боевые или локальные сервера.