ホームページ  >  に質問  >  本文

javascript - 前后端分离后你们是如何解决跨域问题的

联调接口 后台完全不管 目前准备用jsonp来做跨域 想问各位有没有什么更好的解决方法

伊谢尔伦伊谢尔伦2742日前1167

全員に返信(12)返信します

  • 天蓬老师

    天蓬老师2017-04-18 10:57:24

    バックグラウンドでresponse.setHeader("Access-Control-Allow-Origin", "*");を設定します
    問題を解決するためにnginx側で設定することもできます。
    jsonp は特に優れた方法ではなく、転送されるデータのサイズ制限があります。

    返事
    0
  • ringa_lee

    ringa_lee2017-04-18 10:57:24

    コル。。。。

    返事
    0
  • PHP中文网

    PHP中文网2017-04-18 10:57:24

    コル。フロントエンドとバックエンドの分析なので、バックグラウンドにヘッダーを設定するだけです

    返事
    0
  • PHP中文网

    PHP中文网2017-04-18 10:57:24

    今回はリクエストを転送するためにノードサーバーを起動します

    返事
    0
  • PHP中文网

    PHP中文网2017-04-18 10:57:24

    jsonp クロスドメインの使用は推奨されません。この古い方法には互換性がありますが、大きな制限があり、XSS のリスクがあります。
    フロントエンドとバックエンドが比較的完全に分離されているということは、当然ながら、フロントエンド担当者が Web サーバーを管理することを意味します。

    インターフェースを調整したいだけの場合は、ローカルのテストサーバーを自分でセットアップすることをお勧めします。これはページの静的サーバーとして使用され、ページの調整に便利で、リクエストを転送してデータをリクエストできます。 。
    Express を自分で使用することも、browsersync+gulp や webpack+hot reload サーバーなどの既製のものを使用することもできます。

    私はbrowsersyncを使用しています。設定は非常に便利です。これを参照してください。

    返事
    0
  • 黄舟

    黄舟2017-04-18 10:57:24

    Chrome プラグインがあり、それが行うことは response.setHeader("Access-Control-Allow-Origin", "*") であり、それをオンにするだけです。

    返事
    0
  • 阿神

    阿神2017-04-18 10:57:24

    nginxを追加

    返事
    0
  • 阿神

    阿神2017-04-18 10:57:24

    WebSocket はクロスドメインの制限を受けず、jsonp を含むあらゆるデータを送信できます。

    返事
    0
  • 天蓬老师

    天蓬老师2017-04-18 10:57:24

    ところで、これは開発前に決めるべきではないでしょうか? jsonpにするかcorsにするか決めるのは共同デバッグしてからではちょっと遅くないですか?

    返事
    0
  • PHPz

    PHPz2017-04-18 10:57:24

    jsonpは必要ない、不便すぎる

    返事
    0
  • キャンセル返事