How to solve 502 bad gateway error in PhpStorm

Firstly, Change the port number of your phpStorm to the port of your local host(80) or any other one.
Here are the steps:
-Click on File->Settings->Build,Execution,Deployment->Debugger. Change the port from 63342 to 80 for windows system or any other port you know that your system is using to make a local connection.
-Enable can accept external connection(This is in case firewall is blocking your connection)
-Apply and click Ok.
Restart your IDE and try again

Secondly: Most times the above won't work because your port might not be changed automatically. DO the below
-Click on File->Settings->Build,Execution,Deployment->Deployment
-Click on small plus(+) to create new Deployment Server
-In the Name field type Web. In the Type select box, Select In place
-Click Ok, Then in the Web Server root URL type in your link to your project: http://localhost:80/projectName
-Apply and Ok