Thinkphp5.1和vue實現前後端分離——thinkphp怎樣修改適應前後端分離第一天

前言此文章適合已經了解和掌握thinkphp和vue的基本使用的基礎上的。如果您不了解或者不能掌握兩者框架的基本使用的話請您去官網或者其他網站學習後再閱讀。

閱讀完本文章後您可以使用thinkphp與vue完成基本的前後端分離的網站搭建和基本的介面開發。

開始：

1、 通過composer在PHPstudy搭建的www目錄下安裝thinkphp5.1框架，將其放置在名為tp的資料夾中。通過" composer create-project topthink/think=5.1.* tp"這一句命令，在www資料夾下執行即可。

注意：一定要在www目錄下執行命令，你可以通過cd命令切換，或者windows下可以在該資料夾下按下shift鍵不放，按下滑鼠右鍵開啟命令對話方塊，會自動切換到該資料夾下進行執行。

2、 然後按下回車鍵我們就可以看到我們在www目錄下建立了一個名為tp的資料夾

3、 執行thinkphp框架；我們可以在PHPstudy軟體介面將localhost的網址的目錄修改為www\\tp\\public目錄，然後通過Chrome瀏覽器在位址列輸入localhost即可訪問成功。

同時我們也可以電腦的ipv4地址進行訪問，如果不知道自己的ip地址，自己開啟命令面板輸入ipconfig即可看到。我們輸入ip地址到位址列也可以看到相同的結果。

修改thinkphp以適應前後端要求

在開始前我們在沒有做任何修改的前提下我們在index控制器中建立一個簡單地陣列。

<?phpnamespace app\\index\\controller;class Index{public function index(){$test=[['id'=>'1','name'=>'jack'],['id'=>'2','name'=>'tom']];return $test;}public function hello($name = 'ThinkPHP5'){return 'hello,' . $name;}}

然後進行訪問,會出現報錯。

大概意思是不能返回陣列形式的資料，在配置檔案中它預設設定返回的型別是html；所以陣列不能返回。我們需要將config資料夾下的app.php中"'default_return_type' => 'html',"這一句修改為"'default_return_type' => 'json',"，此時我們再進行重新整理，就可以看到我們建立的陣列的json形式了。

至此thinkphp的配置就基本完成，繼續學習請看下一篇

注意：

1、 需要搭建或安裝的軟體Chrome瀏覽器、composer、PHPstudy三個軟體。

2、 需要將config\\app.php檔案中將除錯模式修改為true，才能看到上面截圖中的錯誤提示。

下一篇《thinkphp和vue實現前後端分離——搭建vue框架開始前後端分離》