首頁 > php框架 > ThinkPHP > 解決Thinkphp與vue共同開發中Thinkphp的設定問題

解決Thinkphp與vue共同開發中Thinkphp的設定問題

藏色散人
發布: 2020-08-06 13:22:55
轉載
4007 人瀏覽過

下面由thinkphp框架教學欄位來介紹Thinkphp與vue共同開發中Thinkphp的設定問題,希望對需要的朋友有幫助!

解決Thinkphp與vue共同開發中Thinkphp的設定問題

Thinkphp#與vue共同開發中Thinkphp的設定問題:

1、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"}
登入後複製

2、vue請求跨網域的問題

前後端分離的情況下,vue直接透過axios請求會遇到跨域的問題:No 'Access-Control-Allow-Origin' header is present on the requested resource.

解決Thinkphp與vue共同開發中Thinkphp的設定問題

#需要在「操作」 中設定請求頭部

header('Access-Control-Allow-Origin: *')
登入後複製

#直接複製貼上到「操作」 的第一行就可以了,就像這樣:

解決Thinkphp與vue共同開發中Thinkphp的設定問題

再透過axios連接這個「操作」時,就不會提示跨域限制了。

解決Thinkphp與vue共同開發中Thinkphp的設定問題

以上是解決Thinkphp與vue共同開發中Thinkphp的設定問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板