Как заставить работать vue роуты

Question

Я пытаюсь настроить маршруты с помощью учебника. У меня есть этот код, но любые данные не импортируются на выбранную страницу (/ home). Есть идеи как это исправить? Это мой код:

Приложение. js

import VueRouter from 'vue-router';
import router from "./router";
import App from "./components/App";
import Test from "./components/test";
window.Vue = require('vue');
Vue.use(VueRouter);
const app = new Vue({
    el: '#app',
    render : h => h(App),
    router
});
@endsection

Pasbin: https://pastebin.com/7yMREHxR

https://codesandbox.io/s/hungry-browser-hsi6d

Answer 1

Изменить

import Vue from "vue";
import VueRouter from "vue-router";
import Test from "./components/Test";

Vue.use(VueRouter);

export default new VueRouter({
  routes: [
    {
      path: "/home",
      component: Test
    }
  ]
});

на

import Vue from "vue";
import VueRouter from "vue-router";
import Test from "./components/Test";

Vue.use(VueRouter);

export default new VueRouter({
  routes: [
    {
      path: "/",
      component: Test
    }
  ]
});

Ключ, который здесь убирается, - это свойство пути. Вы устанавливаете его на "/ home". Таким образом, ваше приложение работало, но только когда вы перешли на «localhost: xxxx / home /», изменив его на «/», оно становится вашим root видом. Поставьте флажок в этой песочнице, чтобы поиграть с решением:

Надеюсь, это поможет!