使用xdebug和前端js SPA？

Question

I have xdebug working great when I access my server directly (thru a vhost entry to the IP set up by homestead/vagrant). However, I have a decoupled frontend that I'm running on localhost:8080, that talks to that laravel backend server, but xdebug doesn't trigger on those requests. I think I just have to set the cookie XDEBUG_SESSION=PHPSTORM in my requests coming from the front-end, however I'm not sure how to do that with vue-resource as I didn't see anything in the docs for this. I tried the following:

Vue.http.headers.common['Cookie'] = 'XDEBUG_SESSION=PHPSTORM'

however, I get warned Refused to set unsafe header "Cookie" by chrome. Anyone have ideas of anything else I can try?

Answer 1

Couple of possible approaches outside of using COOKIE or GET/POST parameter.

1. Use xdebug.remote_autostart = 1 in your php.ini -- will attempt to debug every single request (regardless of cookies or GET/POST parameters).

   Do not forget to restart you web server / PHP so that it will read you new config file.

   Downside: will attempt to debug every single request .. so even if no debugging is required you may see approx 1 sec delay while xdebug is trying to establish debug connection.

2. Place xdebug_break(); in actual PHP code -- programmatic breakpoint that will also initiate debug session.

   Downside: need to edit PHP code for that.