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:lazorappsdemo1demo1.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:lazorappsdemo1demo1.csproj" --pathbase="/CoolApp"
用于控制css静态资源的base 路径
3. 浏览器访问地址为 http://localhost:5000/CoolApp
注意 base tag 和 浏览器url都是大小写敏感的, 而启动命令 pathbase 大小写不敏感