2017-04-14 12 views
0

新しくlaravel 5.4をインストールしました。npm installを実行して、サンプルのvueコンポーネントをテストしますが、何も起こりません。Laravel 5.4でシンプルなvueサンプルコンポーネントをテストできません

私のプロジェクトのディレクトリに私はnpm run devを実行しています。それはうまくコンパイルされます。その後、私はphp artisan serveを実行し、空白のページが表示されます。

<html> 
    <head> 
     <title>Laravel</title> 
    </head> 
    <body> 
    <div id="app"> 
     <example></example> 
    </div> 
    <script src="/js/app.js"></script> 
    </body> 
</html> 

それがOK:

は、ここで私が書いたコードのみが私の見解を、ですか?私は何かを欠いている?私のpackage.jsonで

、devDepentenciesに、他のものの中で私が持っている:あなたがそうlaravelはjavascriptオブジェクトを設定しなかった「csrfToken」プロパティを持つ「Laravelの」php artisan make:authを実行していなかったため"vue": "^2.1.10"

答えて

3

ことがあります。

window.axios.defaults.headers.common['X-CSRF-TOKEN'] = window.Laravel.csrfToken;

をそしてnpm run devで再コンパイル:リソース/資産/のJS/bootstrap.jsで

、この行をコメントしてみてください。

+0

これが解決しました。ありがとうございます。 あなたや他の人がphp artisanのクイック意見を分かち合うことができたら、make:auth;私はそれが新しいプロジェクトのユーザー認証をすばやく設定するためだと知っていますが、私が作成しようとしているアプリケーションは別のシステムを必要とする会社向けです。ユーザーはメインデータベースの資格情報を使って自分のプロジェクトにログインしますが、自分のユーザー名と2つ以上のフィールドをコピーするusersテーブルを作成します(私のプロジェクトデータベースでは)、その情報を編集することはできません。新しいフィールド(アバター)のみを編集できます。 php artisan make:authを使用するか、手動でこれを処理する必要がありますか? – Adocad

+1

laravel 'make:auth'認証は、開発者のニーズに合わせて簡単に編集できます。しかし、あなたのケースでは、独自の認証システムを使用して、より理解しやすく、スケーラブルなコードを作成することができます。 –

関連する問題