深入浅出Blazor webassembly之以SubDirectory方式部署

blazor wasm 默认开发环境url 为, http://localhost:5000

生产环境多数情况下需要在端口后增加一个名称, 这样能直观知道这个url是属于哪个系统的. 比如 http://localhost:5000/CoolApp

url要增加这个应用名, 自然不应手工改写所有 razor page 的url, 那样就太麻烦了, 也不适合工程化需要. blazor wasm应用本身内置支持这一需求.

====================================

非subdirectory部署的配置

====================================

1. index.html head 下 base tag 为

    <base href="/" />

   这个base tag对于 SPA 框架都很有用, 比如 Angular 框架, 也使用 base tag.

2 服务启动命令为,

   dotnet run --project "c:\blazorapps\demo1\demo1.csproj"

3. 浏览器访问地址为 http://localhost:5000

====================================

以subdirectory部署的配置

====================================

假设应用名定为 CoolApp, 下面步骤可以将 CoolApp 加到 url中

1. index.html head 下 base tag 为

    <base href="CoolApp/" />

   用于 razor路由计算, 以及设定 blazor.webassembly.js 的访问地址

2 服务启动命令为,

   dotnet run --project "c:\blazorapps\demo1\demo1.csproj" --pathbase="/CoolApp"

用于控制css静态资源的base 路径

3. 浏览器访问地址为 http://localhost:5000/CoolApp

 注意 base tag 和 浏览器url都是大小写敏感的, 而启动命令 pathbase 大小写不敏感