How to Deploy Blazor WebAssembly on GitHub Pages Using GitHub Actions

name: gh-pages

on: [push]

jobs:

  build:

    runs-on: ubuntu-latest

    steps:

    - uses: actions/checkout@v2

    - name: Setup .NET Core

      uses: actions/setup-dotnet@v1

      with:

        dotnet-version: 3.1.301

    - name: Publish with dotnet

      run: dotnet publish --configuration Release --output build

    - name: Deploy to Github Pages

      uses: JamesIves/github-pages-deploy-action@releases/v3

      with:

        ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}

        BASE_BRANCH: development # The branch the action should deploy from.

        BRANCH: master # The branch the action should deploy to.

        FOLDER: build/wwwroot # The folder the action should deploy.

        SINGLE_COMMIT: true

<!-- Start Single Page Apps for GitHub Pages -->

    <script type="text/javascript">

        // Single Page Apps for GitHub Pages

        // https://github.com/rafrex/spa-github-pages

        // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License

        // ----------------------------------------------------------------------

        // This script checks to see if a redirect is present in the query string

        // and converts it back into the correct url and adds it to the

        // browser's history using window.history.replaceState(...),

        // which won't cause the browser to attempt to load the new url.

        // When the single page app is loaded further down in this file,

        // the correct url will be waiting in the browser's history for

        // the single page app to route accordingly.

        (function (l) {

            if (l.search) {

                var q = {};

                l.search.slice(1).split('&').forEach(function (v) {

                    var a = v.split('=');

                    q[a[0]] = a.slice(1).join('=').replace(/~and~/g, '&');

                });

                if (q.p !== undefined) {

                    window.history.replaceState(null, null,

                        l.pathname.slice(0, -1) + (q.p || '') +

                        (q.q ? ('?' + q.q) : '') +

                        l.hash

                    );

                }

            }

        }(window.location))

    </script>

    <!-- End Single Page Apps for GitHub Pages -->

<base href="/BlazorOnGitHubPages/" />