Thinkphpとvueの共同開発でThinkphpの設定問題を解決

次の thinkphp フレームワーク のチュートリアル コラムでは、Thinkphp と vue の共同開発における Thinkphp の設定の問題について紹介します。

Thinkphpvue との共同開発における Thinkphp の構成の問題:

1. Thinkphp はデフォルトで json 形式でデータを返します

(1) グローバル設定 - Thinkphp 構成ファイル config.php を変更します:

'default_return_type'    => 'json',

default_return_type 属性のデフォルト値が 'html' の場合、それを 'json' に変更すると、コントローラー メソッドで直接返されるデータは json 形式になります。グローバル設定は、システム内のすべての「操作」に対して有効です。

(2) 別途設定 - 「操作」では、return json(array, 404) を介してデータを返します (最初のパラメーターは配列またはオブジェクト、2 番目のパラメーターはステータス コードです)。

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

出力データ (グローバル設定出力と個別設定出力の結果は同じです):

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

---

2. Vue リクエストのクロスドメインの問題

フロントエンドとバックエンドが分離されている場合、axios 経由で直接リクエストすると、vue はクロスドメインの問題に遭遇します: リクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。

#「Operation」にリクエスト ヘッダーを設定する必要があります。

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

次のように、それをコピーして「Operation」の最初の行に貼り付けます。 this:

axios を介してこの「操作」を接続すると、クロスドメイン制限を求めるプロンプトは表示されません。

以上がThinkphpとvueの共同開発でThinkphpの設定問題を解決の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。