ローカルホストではVueコンポーネントが表示されますが、Laravel 5.4：Passportを使用しているサーバーでは表示されません

Question

PassportをLaravel 5.4に設定してOauth2.0サーバーを設定しようとしましたが、https://laracasts.com/series/whats-new-in-laravel-5-3/episodes/13です。 local hostに設定できましたが、prod serverにディレクトリをコピーしてアクセスしようとすると、私のvueコンポーネントが読み込まれませんでした。 私のDBとすべてのものが機能していましたが、新しいクライアントを登録できましたが、vue componentパネルがロードされませんでした。

を必要に応じて、私は他の情報を提供することができます>私はそれは私がサーバーにフォルダをコピーする方法に関係するかもしれないと思うが、私は知らない

PS私はlaravelとnoobのにやや新しいですVueので、どんな助けも大歓迎です。

マイ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' 
}); 

私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

私が直面した問題は、私は開発のためのnpm run devすなわち経由ミックスビルドを実行したことによるものでした。適切な行動は、npm run productionを使用して構築し、サーバーにアップロードすることでした。

Answer 2

チェックアウト、あなたがVUEを言っているのコードのこの部分では、あなたのlayout.appブレードは、idのタグを検索しますVUEを初期化する= "アプリ"：

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

だから、あなたがいずれかを持っていない場合は、

を配置

<div id="app"> 

ページのラッパー（またはスパンを使用するか、セレクタを変更）

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