2017-04-14 68 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> 

可以嗎?我錯過了什麼嗎?

在我的package.json,在devDepentencies,除其他的東西,我有:"vue": "^2.1.10"

回答

3

那是因爲你沒有運行php artisan make:auth所以laravel沒有設置JavaScript對象「Laravel」與「csrfToken」屬性。

在資源/資產/ JS/bootstrap.js,試評這一行:

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

而且隨着npm run dev重新編譯。

+0

這解決了它,謝謝。 如果您或其他人可以分享他們對php artisan make:auth的快速評論;我知道這是爲了快速設置新項目的用戶身份驗證,但我要創建的應用程序針對需要另一個系統的公司。用戶將使用其主數據庫中的憑據登錄到我的項目,但是我將創建一個用戶表(在我的項目數據庫中)複製他們的用戶名和幾個字段,但不會允許他們編輯該信息。只能編輯一個新字段(一個頭像)。 我應該使用php artisan make:auth還是手動處理? – Adocad

+1

laravel'make:auth'認證可以輕鬆編輯以符合開發人員的需求。然而,就你而言,你可以使用自己的認證系統來獲得更好的理解和更具擴展性的代碼。 –