如何使 vue-routes 工作答案

【问题标题】：How to make vue-routes works如何使 vue-routes 工作
【发布时间】：2020-06-25 15:59:58
【问题描述】：

我正在尝试使用教程设置路线。我有这个代码，但任何数据都没有导入到所选页面（/home）。知道如何解决吗？这是我的代码：

App.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

粘贴箱： https://pastebin.com/7yMREHxR

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

【问题讨论】：

欢迎来到 SO！我们将需要更多信息来提供帮助。您正在学习什么教程，您能否向我们展示 main.js 和 routes.js 的代码。如果您不确定您可以尝试在 (CodeSandbox)[codesandbox.io/] 中复制您的问题供我们查看。
Pastebin 链接已附加到帖子中。有你要的所有信息。
有教程我想重复youtube.com/watch?v=wRGhohwRPe8
嘿 Dora28noFake，根据我对您的问题的理解，我试图在下面回答它

标签： php laravel vue.js

【解决方案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/”时，它才会成为您的根视图。看看这个沙盒来玩解决方案：

希望这会有所帮助！

【讨论】：

谢谢，好像我在本地遇到了一些问题。