CSP を設定してる環境に browser-sync のプロキシモードでアクセスすると http://localhost:3000/ -> ws://localhost:3000 みたいな接続が拒否されてしまう件、CSP を無効にする Chrome 拡張とかが使えるらしい

Chrome
csp

ngyuki のブックマーク 2018/02/07 14:34

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/357084265/comment/ngyuki" data-user-id="ngyuki" data-entry-url="https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/30233218/browser-sync-is-blocked-by-chrome-csp" data-original-href="https://stackoverflow.com/questions/30233218/browser-sync-is-blocked-by-chrome-csp" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F30233218%2Fbrowser-sync-is-blocked-by-chrome-csp" data-user-icon="/users/ngyuki/profile.png">browser-sync is blocked by chrome csp</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Chrome">Chrome</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/csp">csp</a>]</li></ul><br><p style="clear: left">CSP を設定してる環境に browser-sync のプロキシモードでアクセスすると <a href="http://localhost:3000/" target="_blank" rel="noopener nofollow">http://localhost:3000/</a> -&gt; ws://localhost:3000 みたいな接続が拒否されてしまう件、CSP を無効にする Chrome 拡張とかが使えるらしい</p><a class="datetime" href="https://b.hatena.ne.jp/ngyuki/20180207#bookmark-357084265"><span class="datetime-body">2018/02/07 14:34</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！