如何从本地磁盘加载并运行启用Blazor的网页？

方法1：调整Blazor的基础路径配置 #

Blazor默认采用绝对路径加载资源，本地磁盘访问时需改为相对路径：

• 对于Blazor WebAssembly项目，打开wwwroot/index.html；对于Blazor Server项目，打开Pages/_Host.cshtml
• 找到<base href="/" />标签，修改为<base href="./" />，让资源加载路径基于当前文件位置

方法2：解除浏览器本地文件访问限制 #

部分浏览器出于安全策略，默认禁止本地文件系统的跨路径访问，可通过以下方式解除：

• Chrome/Edge：右键浏览器快捷方式→属性→目标栏末尾添加 --allow-file-access-from-files（注意前面加空格），启动后直接打开本地的index.html
• Firefox：地址栏输入about:config，搜索security.fileuri.strict_origin_policy，将值设为false

方法3：使用本地静态文件服务器 #

如果不想修改浏览器设置，可通过轻量本地服务器托管Blazor文件：

• Python：进入Blazor项目的wwwroot目录，执行命令：

  # Python3
  python -m http.server 8000
  # Python2
  python -m SimpleHTTPServer 8000
  

  然后在浏览器访问http://localhost:8000
• Node.js：先全局安装http-server：

  npm install -g http-server
  

  进入wwwroot目录执行http-server -o，浏览器会自动打开页面

内容的提问来源于stack exchange，提问作者Allan Xu