首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Vue-路由器是否仅显示使用Laravel Blade的基本路由?

Vue-路由器是否仅显示使用Laravel Blade的基本路由?
EN

Stack Overflow用户
提问于 2021-02-19 01:18:59
回答 1查看 88关注 0票数 0

在我的应用程序上,我正在从使用Laravel的路由切换到使用Vue-Router,并且我只能使用Vue-Router获得要加载的基本路由。我使用本文中的示例将路由分离到两个文件中,公共和私有:https://itnext.io/vue-router-99e334094362。我是Vue-Router的新手,我哪里做错了?

下面是我的代码:

main.blade.php

代码语言:javascript
复制
<div id="app">
        <section>
            <!-- header menu -->
            <am-app-nav></am-app-nav>
        </section>
        <section>
            <router-view></router-view>
        </section>
        <section>
            <!-- Footer -->
            <am-footer></am-footer>
        </section>
    </div>

app.js

代码语言:javascript
复制
window.Vue = require('vue')

import Vue from 'vue'
import VueRouter from 'vue-router'
import router from './router/index.js'

Vue.use(VueRouter)

const app = new Vue({
  el: '#app',
  router,
})

router/index.js

代码语言:javascript
复制
import Vue from 'vue'
import Router from 'vue-router'
import routes from './routes/index.js'
Vue.use(Router)

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      redirect: '/welcome',
    },
  ].concat(routes),
})

export default router

router/routes/index/js

代码语言:javascript
复制
import publicRoutes from './public.js'
import privateRoutes from './private.js'

export default publicRoutes.concat(privateRoutes)

router/routes/private.js

代码语言:javascript
复制
const routes = [
  {
    path: '/dashboard',
    component: require('../../views/admin/Dashboard').default,
  },
  {
    path: '/client-details',
    component: require('../../views/admin/ClientDetails').default,
  },
  { 
    path: '*', component: require('../../views/public/NotFound').default 
  },
]

export default routes.map((route) => {
  return { ...route, meta: { public: false } }
})
EN

回答 1

Stack Overflow用户

发布于 2021-02-19 02:12:48

我需要将此代码添加到web.php

代码语言:javascript
复制
// SPA Route
Route::get('{any}', function () {
    return view('_layouts.main');
})->where('any', '.*');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66264921

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档