thinkphp與VUE聯合開發中遇到問題的解決方案（1）

Thinkphp與vue聯合開發中Thinkphp的配置問題：

一、Thinkphp默認返回json格式的數據

（1）全局設置 - 修改 Thinkphp 配置文件 config.php ：

'default_return_type'    => 'json',

default_return_type 屬性的默認值爲'html'，改爲'json'後，在控制器的方法中直接return出來的數據就是json格式了，全局配置對系統中的全部「操做」有效

（2）單獨設置 - 在「操做」中經過：return json(array, 404)返回數據（第一個參數是數組或對象，第二個參數是狀態碼）。

return json(['name' => 'thinkphp','status' => '1'], 200);

輸出的數據（全局與單獨設置輸出的結果相同）：

{"name":"thinkphp","status":"1"}

---

二、vue請求跨域的問題

先後端分離的狀況下，vue直接經過axios請求會遇到跨域的問題：No 'Access-Control-Allow-Origin' header is present on the requested resource.

須要在 「操做」 中設置請求頭部

header('Access-Control-Allow-Origin: *')

直接複製粘貼到 「操做」 的第一行就能夠了，就像這樣：

再經過axios鏈接這個「操做」時，就不會提示跨域限制了。