vueリッチテキスト貼り付けピクチャとhtmlを使用してピクチャリソースにアクセスする403問題(http referrer)

1、問題の説明
プロジェクトでリッチテキストエディタを使用する場合、画像を貼り付けた後、アドレスで開くことができますが、リッチテキストエディタでは表示できません.エラーGET https://bkimg.cdn.bcebos.com/pic/d058ccbf6c81800a0ff13a1ebe3533fa828b478d?x-bce-process=image/watermark,g_7,image_d2F0ZXIvYmFpa2U4MA==,xp_5,yp_5 403リッチテキスト編集ボックスに画像は表示されず、アドレスは直接表示され、画像を表示できます.




2、報告ミスの原因
2.1 403
403が現れたのは、サーバーがアドレス要求を拒否したためで、認証を提供しても無駄なサイトにアクセスする権限がない可能性が高いからです.正直に言うと、訪問が禁止されている可能性が高いです.Webサーバ管理者に連絡しない限り、403ステータスコードに遭遇すると自分で解決できません.
2.2画像アドレスに注意
上の画像のアドレスはそれぞれbkimg.cdn.bcebos.comとupload-images.jianshu.ioの2つのウェブサイトから来て、私の 3、解決方法
HTMLコードのheadにを追加すればよい(referrerフィールドを除く)
げんり
httpプロトコルリクエストに対するサーバのブロック
httpリクエストのreferrer
httpリクエストボディのheaderには、httpリクエストを開始するソースアドレス情報を表すreferrerフィールドがあります.このreferrer情報は省略できますが変更できません.つまり、このreferrer情報を持っているかどうかだけを設定することができ、referrerの値をカスタマイズすることはできません. referrer 以降、ピクチャリソースなどの関連処理を行うことができ、referrer値 を介して、そうでなければ403またはリダイレクトを返して他の情報を返すことで、ピクチャの盗難防止チェーンを実現することができる.上 403 ， ， referrer ， 403.
フロントエンドではmetaでreferer policy(ソースポリシー)を設定できます.具体的にどの値を設定できるか、対応する結果はここを参照してください.したがって、上記403の場合の解決策は、referrer no-referrerを送信することであり、送信要求がreferrer情報を持ち込まず、相手サーバもブロックできなくなる.
参考作者:ITgeckoリンク:https://www.jianshu.com/p/56df73d0d128出典:簡書