Как решить ошибку Cannot GET /solm?

Question

[alaskafx]

Использую vue-router.
Собрал проект npm run build, при попытке перехода по ссылке/solm- получаю: Cannot GET /solm

..с другими роутами/ссылками то же самое

Код роутера:

import Vue from 'vue'
import VueRouter from 'vue-router'
import solm from '../views/solm.vue'
import vega from '../views/vega.vue'
import family from '../views/family.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/solm',
    name: 'solm',
    component: solm
  },
  {
    path: '/vega',
    name: 'vega',
    component: vega
  },
  {
    path: '/family',
    name: 'family',
    component: family
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

Как исправить?

Comments

[Антон Антон]

рекомендую поставить расширение https://devtools.vuejs.org/ и посмотреть доступные маршруты (там есть соответствующий раздел). может быть дело в / в начале пути, может быть в том, что в BASE_URL запихано

Answer 1

[Aetae]

Вангую у тебя сервер не настроен под тип роутинга history. Гугли как настраивать твой сервер под SPA(все не-API пути должны быть заёрнуты на index.html). Ну или переключи роутер в режим hash.

Answer 2

[Сергей delphinpro]

В любой непонятной ситуации ВСЕГДА сначала читай документацию.
Особенно такую хорошую, как у вью.
Вот этот раздел, до просветления: https://router.vuejs.org/ru/guide/essentials/histo...