PHP downloading instead of executing

I’m a new to this live server thing but for .html it worked perfectly fine! But now when I want to use it for .php it want’s me to download it instead of executing it. How can I fix it? I’m using Firefox and my settings.json is:

`{ “liveServer.settings.useWebExt”: true,

"liveServer.settings.proxy": {
    "enable": true,
    "baseUri": "/src",
    "proxyUri": "http://127.0.0.1:80"
},

"liveServer.settings.CustomBrowser": "firefox",

}`

[CristianEnache]

I Eventually got it to work. For anybody who doesn’t understand how to do it, I agree the documentation uses vague terms like “Now at the Actual Server add http://localhost/php/ (assuming your actual server is http://localhost/php/)” which doesn’t exactly explain HOW to add??? or what does “add” mean when it comes to a server.

So this is how I got it to work:

Suppose you have a PHP project in your local wamp/xamp and the project is in a folder called “top5” You normally access it at this address: http://127.0.0.1/top5/

Now you want to make it live reload. Assuming you have installed the liveserver extension in visualstudio code and the browser extension in your browser, you should activate the browser extension and DO NOT CHECK “I don’t want proxy setup” because we actually want proxy setup for live reload of php projects. Just enable it by clicking the live reload button on the extension.

Now. inside your project, you should have a .vscode folder and a settings.json file

The settings.json file should have this content

{
    "liveServer.settings.useWebExt": true,
    "liveServer.settings.proxy": {
        "enable": true,
        "baseUri": "/",
        "proxyUri": "http://127.0.0.1/top5/"
    },
}

You are all set. now if you go to visualstudio code and click the “Go Live” button on the blue bar at the bottom, you should see your browser open http://127.0.0.1:5500 and you will see your project. Reloading after php changes is now working.

** The firewall may ask for permission, so please allow that. Good luck.

Thank you for the plugin ritwickdey! A video tutorial would help a lot of people.

[ritwickdey]

Turn off proxy setup!

Normal start live server form your workspace (lets assume the port is ‘5500’)

If the Live Server Web Extension pop-up menu, Actual address => http://test1.dev LiveServer Address => http://localhost:5500

Stay on http://test1.dev/ … hit refresh for a single time. From next time, the window will reload automatically.