您好我正在使用以下链接在laravel 5.3中尝试护照
https://laravel.com/docs/5.3/passport
https://laravel.com/docs/5.3/passport
在app.js
/**
* First we will load all of this project's JavaScript dependencies which
* include Vue and Vue Resource. This gives a great starting point for
* building robust,powerful web applications using Vue and Laravel.
*/
require('./bootstrap');
/**
* Next,we will create a fresh Vue application instance and attach it to
* the body of the page. From here,you may begin adding components to
* the application,or feel free to tweak this setup for your needs.
*/
Vue.component('example',require('./components/Example.vue'));
Vue.component(
'passport-clients',require('./components/passport/Clients.vue')
);
Vue.component(
'passport-authorized-clients',require('./components/passport/AuthorizedClients.vue')
);
Vue.component(
'passport-personal-access-tokens',require('./components/passport/PersonalAccessTokens.vue')
);
const app = new Vue({
el: 'body'
});
在我的视图文件中
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>
</div>
</div>
</div>
@endsection
我已经厌倦了将节点更新到6.4.0也在6.7.0,但注意到我工作
也改变了gulp文件
const elixir = require('laravel-elixir');
require('laravel-elixir-vue');
/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean,fluent API for defining some basic Gulp tasks
| for your Laravel application. By default,we are compiling the Sass
| file for our application,as well as publishing vendor resources.
|
*/
elixir(function (mix){
mix.sass('app.scss')
.webpack('app.js');
});
解决方法
确保在layouts.app中包含js文件
@yield('content')
</div>
<!-- Scripts -->
**<script src="/js/app.js"></script>**
</body>
</html>
并在您的app.js中将body更改为#app
const app = new Vue({
el: '#app'
});
我遇到了同样的问题,这对我有用.
