Laravel 5.5 - Debugbar와 BrowserSync의 충돌 해결

작성일 Edited on In , Views: Disqus:

Laravel Mix로 browserSync 옵션을 활성화 시에 Debugbar가 생기지 않는 오류가 발생할 경우 (스크립트 단에서 JSON parse 오류가 발생한다)
다음과 같이 설정해주면 된다.

해결

webpack.mix.js
1
2
3
4
5
6
7
8
9
10
11
12
mix.browserSync({
  proxy: {
    // artisan serve시의 주소
    target: 'localhost:8000',
    reqHeaders: function () {
      // host를 직접 지정해준다.
      return {
        host: 'localhost:3000',
      };
    },
  },
});