如何不借助localhost从本地打开WebAssembly（Blazor WASM）文件？

为什么直接通过file://协议无法打开WASM文件 #

Chrome等现代浏览器出于安全限制，禁止在file://协议下使用WebAssembly的流式加载API，同时加载依赖的DLL文件时会触发跨域或权限错误。即使是非托管Blazor WASM，也需要通过HTTP请求加载dotnet.wasm和配套程序集，file://协议不支持这种加载机制，因此无法正常运行。

是否可以无需运行任何进程打开WASM文件？ #

不行。浏览器的安全策略要求WebAssembly及相关依赖资源必须通过HTTP(S)协议加载，完全不启动本地服务进程的情况下无法绕过这个限制。但可以使用轻量级的本地HTTP服务器，这类工具启动简单，几乎没有额外负担。

可行的解决方案 #

以下是几种一键启动本地服务器的方法：

方法1：使用Python内置HTTP服务器 #

如果已安装Python，直接在命令行执行：

1. 进入文件所在目录（如C:\）：

   cd C:\
   

2. 启动服务器：

   # Python 3
   python -m http.server 8000
   # Python 2
   python -m SimpleHTTPServer 8000
   

3. 在Chrome中访问：http://localhost:8000/你的HTML文件名.html

方法2：使用.NET CLI的dotnet serve工具 #

如果已安装.NET SDK：

1. 安装serve工具：

   dotnet tool install -g dotnet-serve
   

2. 进入文件目录，启动服务器：

   dotnet serve --port 8000
   

3. 访问地址同上。

方法3：使用Node.js的http-server #

如果已安装Node.js：

1. 安装http-server：

   npm install -g http-server
   

2. 进入文件目录，启动服务器：

   http-server -p 8000
   

3. 访问地址同上。

额外修正：HTML中的初始化代码问题 #

你提供的HTML里的loadWasm不是浏览器原生函数，非托管Blazor WASM需要使用官方的初始化脚本。正确的初始化方式需要引入同目录的dotnet.js，示例代码如下：

<html>
  <head>
    <meta charset="utf-8">
    <title>Simple template</title>
  </head>
  <body>
    <script src="dotnet.js"></script>
    <script>
      DotNet.createRuntime({
        mainAssemblyName: "你的主程序集名称.dll" // 替换为实际的主DLL文件名
      }).then(() => {
        console.log("WASM运行时初始化完成");
      }).catch(error => {
        console.error("初始化失败", error);
      });
    </script>
  </body>
</html>

确保dotnet.wasm、dotnet.js和你的程序集DLL都在同一目录下，路径配置正确。

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