Question

我正在尝试使用Oauth2.0在Passport上设置Laravel 5.4服务器，方法是https://laracasts.com/series/whats-new-in-laravel-5-3/episodes/13。我能够在local host进行设置，但是当我复制prod server上的目录并尝试访问它时，我的vue组件没有加载。我的数据库和所有的东西都在工作，我能够注册新客户端，但它没有加载vue component面板。

P.S我认为这可能与我将文件夹复制到服务器的方式有关但我不知道＆gt;如果需要，我可以提供任何其他信息

我对Vue的laravel和noob有些新意，所以任何帮助都将不胜感激。

我的app.js

require('./bootstrap');

window.Vue = require('vue');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique 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: '#app'
});

my home.blade

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <passport-clients></passport-clients>
                <passport-authorized-clients></passport-authorized-clients>
                <passport-personal-access-tokens></passport-personal-access-tokens>
        </div>
    </div>
</div>
@endsection

Answer 1

检查你的layout.app刀片，在这部分代码中，你告诉vue搜索id =＆＃34; app＆＃34;初始化vue：

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

所以，如果你没有，请放置一个

<div id="app">

页面的包装（或使用范围或更改选择器）

https://vuejs.org/v2/guide/index.html#Declarative-Rendering

Answer 2

我遇到的问题是由于我通过npm run dev运行混合构建，即用于开发。正确的做法是使用npm run production构建它，然后将其上传到服务器。

Vue组件使用Laravel 5.4：Passport显示在本地主机中但不在服务器上

2 个答案: