ドメイン間で VUE+UEditor 画像をアップロードする方法

今回は、VUE+UEditor 画像をクロスドメインでアップロードする方法 と、VUE+UEditor 画像のクロスドメイン アップロードを実装する方法について説明します。 以下は実際的なケースです。見て。 UEditor 公式ウェブサイトには、単一画像のクロスドメイン クロスドメインは提供されていないため、自分で解決するしかないと記載されています。インターネットで多くの解決策を調べましたが、vue で使用されているものは見つかりませんでしたが、いくつかのアイデアは得られました。ソースコードをあまり変更したくないという理由で試してみたところ、偶然に動作しました。 解決策: 単一の画像をアップロードする場合、バックエンドは JSON を直接返さず、フロントエンド ページにリダイレクトします

フロントエンド: VUE

バックエンド: WAMP + ThinkPHP5.0

フロントエンド

http://localhost:8888

1. 公式 Web サイトにアクセスして UEditor を vue にダウンロードし、ueditor.config.js を開きます

サーバー

パスを設定します (ローカル ドメイン名は hosts ファイルに追加できます)。以下は私の設定です

2. ueditor.all.js を開き、ルーティングパラメータ

を直接使用して返された結果を受け取り、それらを結合したところ、JSON全体を受け取ることができなかったため、すべてのJSONが表示されず、状態とURLのみが取得されました。 。

インターフェース

にアクセスせずにバックエンドデータを受信する方法がまだわかりません。良い解決策があれば、提案してください。

バックエンド http://localhost.server.com

1. PHP 版の UEditor をダウンロードし、その中の PHP フォルダー内のファイルをプロジェクトにコピーし、コントローラーで出力結果に判定を追加します。 単一の画像は直接結果を返しません

。 2. Config.json のアクセスパスと保存パスを変更します

この記事の事例を読んだ後は、方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

Express でクエリ サーバーを構築する方法

カスタマイズされたAjaxクロスドメインコンポーネントのカプセル化

vueはページ読み込みのプログレスバーを実装します

以上がドメイン間で VUE+UEditor 画像をアップロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。