Blazor WebAssembly 部署到 Github 页面不支持自定义域

问题描述 投票:0回答:1

我正在尝试使用 Blazor WebAssembly 并将页面部署到 github 页面。一切工作正常,但一旦我切换到自定义域(dns 已完成并工作),页面就会显示 blazor“发生了未处理的错误。重新加载🗙”页面。

浏览器控制台出现以下错误: enter image description here

似乎一旦使用公共域,就找不到某些文件。例如:

是否存在路由问题?有什么想法吗?谢谢

Github 项目“主”:https://github.com/vcarlucci/Hiptoken Github 页面分支链接到“gh-pages”

c# github web blazor webassembly
1个回答
0
投票

该问题是 Blazor WebAssembly 在 GitHub Pages 上的使用和个性化管理中出现的错误,与 GitHub Pages 上的应用程序和基本规则的配置有关。 Aquí te dejo los pasos detallados para reverlo:


1. 配置正确的 ruta 底座 (
<base href>
):

Cuando usas un dominio individualizado, debes asegurarte de que el atributo

href
en la etiqueta
<base>
de tu archivo
wwwroot/index.html
esté Correctamente configurado.

  • En tu caso, si estás usando el dominio
    https://hiptoken.com
    , asegúrate de que el
    <base>
    海:
<base href="/" />

如果应用程序位于子目录

https://hiptoken.com/miapp
,请使用:

<base href="/miapp/" />

这对于 Blazor 来说是必要的,它可以纠正档案的错误和需要的递归。


2. Habilita redirección de rutas para aplicaciones SPA(单页应用程序):

GitHub Pages 不直接支持客户端(由 Blazor WebAssembly 使用)。需要存档特别是 llamado

404.html
,但要注意的是,没有存档
index.html
。这就是 GitHub Pages devuelve un 404 para rutas que no concicon con archivos reales en el repositorio.

Crea un archivo

404.html
en eldirectio raíz del repositorio y agrega lo siguiente:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="refresh" content="0; URL='./index.html'" />
  </head>
</html>

Esto redirige cualquier solicitud no encontrada a

index.html
,permitiendo que Blazor maneje el enrutamiento.


3. 修改 DNS 配置和个性化管理:

在 GitHub 页面的配置中验证您的个性化配置是否正确:

  1. Ve a la configuración del repositorio (
    Settings > Pages
    )。
  2. Asegúrate de que tu dominio individualizado (
    hiptoken.com
    ) esté configurado.
  3. Habilita 强制执行 HTTPS si aún no lo está activado.

4. 根据实际情况调整项目的再生:

Si realizaste cambios al

<base href>
,asegúrate de reconstruir y desplegar nuevamente tu proyecto.

  1. 以兰扎米恩托方式编译项目的命令:

    dotnet publish -c Release
    
  2. Sube los archivos Generados en la carpeta

    wwwroot
    a la rama
    gh-pages
    de tu repositorio.


5. 关于个性化管理的应用程序:

访问

https://hiptoken.com
并验证是否存在错误。


可能出现的附加错误:

  • 如果在控制台中出现错误,请验证档案的规则,但没有发现问题。如果出现错误,请重新修改
    <base href>
    的配置。
  • También puedes limpiar la caché del navegador o probar en modo incógnito para asegurarte de que los cambios se reflen.

解决问题的方法。如果遇到困难,请详细了解错误的详细信息。 😊

sI Quieres MÁS AYUDA UNOS EXPERTOS DE DESARROLLO A MEDIDA PIUEDEN AYUDARTE

© www.soinside.com 2019 - 2024. All rights reserved.