如何将vue路由器集成到现有的laravel-vue项目中

Question

我有一个laravel项目，正在努力安装vue路由器。然后，我通过：npm install --save-dev @vue/cli-service安装了vue-cli：

vue add router

后者在src文件夹(视图、main.js、App.vue、router.js等)上创建了大量初学者文件。我有所有的前端在一个资源文件夹，其中有混音，引导和laravel视图文件夹。我试过改变进口和webpack混合，但没有成功。有人知道我如何将vue路由器插件更改为我的资源js文件夹/或将我的webpack混音更改为src文件夹？

解决方案:考虑到您有vue-cli，并且希望将vue -路由器添加到您的laravel-vue项目(laravel 8+和vue js3)中，忽略我前面提到的命令，而应该添加：

npm install vue-router@4

然后在app.js中：

import * as VueRouter from 'vue-router'


// Add routes here:
const routes = [
    {
    path: '/home', component: Home, name: 'Home'
    },
  ]

const router = VueRouter.createRouter({
    history: VueRouter.createWebHistory(),
    routes
})

我试图将它添加到一个单独的路由器文件夹中，然后导入它，但是无法工作，所以我将把它保存在同一个文件中。希望这对任何人都有帮助。然后，您将需要添加路由器链接和路由器视图，但是vue路由器文档在这些指令上非常好，只是不太适合在laravel-vue项目中进行配置(至少从我已经发现的情况来看)。

Answer 1

总之，当用户进入这些路由时，您需要在Laravel中声明路由，Laravel将使用Vue应用程序查找和服务声明的匹配路由。

这是一个重复的问题：How to combine laravel and vue routes