Question

你好，我是新人，所以请忽略我的愚蠢问题这是我的路线： -

Route::get('login', 'Auth\LoginController@showLoginForm')->name('login');

当用户输入此URL时，login.blade返回此处是我的登录刀片

@extends('layouts.auth')

@section('content')
<router-view name="Login"></router-view>
@endsection

在layouts.auth文件中我有

<div id="app"></div>
<script href="public/js/app.js"></script> 
<!-- this is vue complied file location -->

这是我的vue-route

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

window.Vue.use(VueRouter);

import login from './website/auth/login.vue';

const routes = [{
  path: '/',
  components: {
    Login: login,
  }
}]

const router = new VueRouter({  mode:'history', routes })
const app = new Vue({ router }).$mount('#app')

当我使用mode:'history'时，它不显示页面。

如果我使用路径：＆＃39; / login＆＃39;不工作，但如果我使用这条路径的链接：＆＃39; / inventory / public / login＆＃39;它工作正常，但我想/发明/公共/动态如何做到这一点

Answer 1

Laravel路由与vue路由的工作方式不同。如果您希望在vue上运行所有Web应用程序，则可以在web.php中使用单个路径，例如

Route::get('nome', 'Auth\LoginController@view')->name('home');

让它返回加载vue应用程序的视图。然后，使用vue路由器，例如在＃之后处理您的路由，因为它在vuerouter中默认使用。

检查一些指南，例如this一个指南，了解附加信息

vue不会在laravel中呈现页面

1 个答案: