时间戳

首页 > 解决方案 > Vue路由器没有路由

javascript - Vue路由器没有路由

问题描述

当指向“/”时，显示“mainapp im here”消息，但没有路由到主页，下面是我的代码，这是我第一次使用 Vue，我尝试使用它，问题不是路由注释它正在访问 router.js

----- web.php

// 客户端路由

Route::get('/', 'Client\HomeController@index');

----- HomeController.php

  <?php

   namespace App\Http\Controllers\Client;

   use App\Http\Controllers\Controller;
   use Illuminate\Http\Request;

   use App\Package;

   class HomeController extends Controller
   {

   public function index()
   {
    return view('client.home.index');
   }
   }

----- 索引.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
   
    <title>Laravel</title>

</head>
<body>
    <div id="app">

     <mainapp> </mainapp>

    </div>
</body>

<script src="./js/app.js"></script>
</html>

----- mainapp.vue

<template>
<div>
    <h1>mainapp im heree</h1>
   <router-view> </router-view>
</div>
</template>

----- 路由器.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

import homePage from './components/pages/homePage.vue'

const routes =[ 
        {
            path:'/',
            component: homePage
        }           
       ]

export default new Router ({
    mode: 'history',
    routes
           })

-----app.js

require('./bootstrap');
window.Vue = require('vue');
import router from './router'

Vue.component('mainapp', require('./components/mainapp.vue').default);
const app = new Vue({
el: '#app',
router
       })

-----首页.vue

<template>


<div>
<h1>hello</h1>

</div>


</template>

标签： javascriptphplaravelvue.jsvuejs2

解决方案

推荐阅读