Azure App Service shows successful GitHub Action deployment, but changes not reflected on live site

crxwn 0 Reputation points
2025-05-03T18:07:46.87+00:00

Hi, I'm deploying my frontend web app (Vite + React) to Azure App Service using GitHub Actions and azure/webapps-deploy@v3. The deployment logs show success both in GitHub Actions and in the Azure Portal (under "Build Logs" and "App Logs"), but the changes I push to the main branch aren't showing up on the live site (https://treetopmate.azurewebsites.net).

Here's what I’ve tried:

Verified that npm run build is running inside my GitHub Actions workflow

Confirmed that the output is being zipped and uploaded as an artifact

Checked the deployment logs on Azure — they show no errors

Manually tailed logs with az webapp log tail — no crash or failure

Rebuilt and redeployed multiple times

GitHub Actions Workflow (YAML):

Link to the workflow run

App Service Info:

App Name: TreeTopMate

Resource Group: treetopmate-resourcegroup

Runtime: Python backend + frontend build output (vite build) in static/

Additional context:

  • When I run the app locally, the changes are visibleTitle: Azure App Service shows successful GitHub Action deployment, but changes not reflected on live site Body: Hi, I'm deploying my frontend web app (Vite + React) to Azure App Service using GitHub Actions and azure/webapps-deploy@v3. The deployment logs show success both in GitHub Actions and in the Azure Portal (under "Build Logs" and "App Logs"), but the changes I push to the main branch aren't showing up on the live site (https://treetopmate.azurewebsites.net). Here's what I’ve tried:
    • Verified that npm run build is running inside my GitHub Actions workflow
    • Confirmed that the output is being zipped and uploaded as an artifact
    • Checked the deployment logs on Azure — they show no errors
    • Manually tailed logs with az webapp log tail — no crash or failure
    • Rebuilt and redeployed multiple times
    GitHub Actions Workflow (YAML): Link to the workflow run App Service Info:
    • App Name: TreeTopMate
    • Resource Group: treetopmate-resourcegroup
    • Runtime: Python backend + frontend build output (vite build) in static/
    Additional context:
    • When I run the app locally, the changes are visible

I appreciate any help, thank you :)

Azure App Service
Azure App Service
Azure App Service is a service used to create and deploy scalable, mission-critical web apps.
8,934 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Prabhavathi Manchala 2,315 Reputation points Microsoft External Staff Moderator
    2025-05-05T08:22:08.02+00:00

    Hi crxwn,

    Even though the GitHub Action uploads the build output, Azure App Service won’t serve the Vite static files unless they’re correctly placed and the server is configured. Make sure the build output is in a directory the Python app can serve (/static) and the static files are referenced in the app’s routes (like for /index.html). If not, Azure may serve outdated content.

    • Make sure the Vite build output goes to the static/ folder. Update your vite.config.js to match the build output path with your Python backend’s static folder.
    export default {
      build: {
        outDir: 'static', // or 'wwwroot' depending on your server
      }
    }
    
    • Make sure your Python server serves static/ as the root. if you're using Flask:
    from flask import Flask, send_from_directory
    app = Flask(__name__, static_folder='static')
    @app.route('/')
    def serve():
        return send_from_directory(app.static_folder, 'index.html')
    
    • Update GitHub Actions to build and deploy the correct static output folder.
    - name: Build
      run: npm run build
    - name: Deploy to Azure Web App
      uses: azure/webapps-deploy@v3
      with:
        app-name: 'TreeTopMate'
        publish-profile: ${{ secrets.AZURE_WEBAPP_PUBLISH_PROFILE }}
        package: ./static  # Make sure this is the Vite build output
    

    After these changes, rebuild your site with npm run build, push to main to trigger the GitHub Action, and the new static/ content will be deployed. Clear your browser cache or use incognito mode to check the updated site and use az webapp browse or curl https://treetopmate.azurewebsites.net to confirm the fresh deploy.

    Use GitHub Actions to deploy a Python web app to Azure App Service on Linux - Python on Azure | Microsoft Learn

    Troubleshooting Azure Static Web Apps | Microsoft Learn

    Please accept as "Yes" if the answer provided is useful, so that you can help others in the community looking for remediation for similar issues.

    Let me know if you have any further Queries.

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.