如何在VS2019中合并ASP.NET MVC会员应用与JS答题应用

一、JS脚本无法运行的核心诱因 #

• 浏览器原生JS受安全沙箱限制，无法直接读取磁盘上的SQLite二进制文件，你之前独立运行的JS答题应用能正常读取SQLite，本质是依赖SQLite的WebAssembly（sql.js）实现：通过异步网络请求把整个SQLite文件加载到浏览器内存中，在沙箱环境里完成题目查询和答案判定，不存在后端实时读写SQLite的环节
• 你当前遇到的JS加载失败，大概率是以下几个配置问题导致，和业务逻辑无关：
  • 静态文件路由拦截：ASP.NET默认的路由规则会把.html、.sqlite等后缀的请求导向MVC控制器，找不到对应Action就返回404或错误页，中断JS加载流程
  • 文件MIME类型配置错误：sql.js依赖的.wasm文件如果没有正确的MIME类型配置，浏览器会直接拒绝加载，导致后续JS全部报错中断
  • 路径配置错误：JS脚本中写的SQLite文件相对路径，和实际在站点目录下的存放位置不匹配，导致资源请求失败

二、分步骤排查修复 #

1. 快速定位报错点
   • 打开答题页面后按F12调出浏览器开发者工具，切换到「控制台」和「网络」面板，查看具体报错：
     • 如果是404类资源找不到错误：检查对应资源的实际访问路径，把答题应用相关的静态文件放到单独的无路由拦截目录
     • 如果是MIME类型不匹配错误：在站点的配置文件中补充对应后缀的MIME映射
2. 静态目录配置（零代码改动适配原有答题应用）
   • 在ASP.NET Web项目根目录下新建/Quiz文件夹，把原有答题应用的所有文件（Index.html、question.js、answer.js、main.js、sql.js相关依赖、Database.SQLITE）全部拷贝进去
   • 配置静态文件访问规则：
     • 对.NET Framework 4.x版本（VS2019默认MVC模板），在Web.config的system.webServer节点下补充配置，允许该目录下的.html、.js、.wasm、.sqlite类型资源匿名访问，不要被MVC路由拦截
     • 设置所有文件的「复制到输出目录」属性为「如果较新则复制」，避免发布/调试时资源缺失
3. 验证答题功能
   • 直接访问/Quiz/Index.html路径，检查网络面板中所有资源是否加载成功，控制台是否有报错，此时原有答题逻辑不需要做任何修改即可正常运行

三、ASP.NET MVC读取SQLite的插件需求 #

需根据你实际的SQLite访问场景判断，并非一定要安装额外插件：

• 如果你保持现有答题应用的纯前端内存运行模式（逻辑不变）：完全不需要安装任何SQLite相关插件，所有题目读取、判定逻辑都在浏览器端完成，ASP.NET站点只承担静态文件托管的角色
• 如果你计划让MVC后端的C#代码直接读写SQLite数据库：必须安装对应的适配组件，通过Nuget安装即可：
  • 基础ADO.NET访问场景：安装System.Data.SQLite.Core，安装完成后可直接在数据访问类中写SQL语句操作SQLite文件
  • 如果你在数据层用了EF6实现ORM：搭配安装System.Data.SQLite.EF6即可实现实体映射
  • 注意：安装后需要根据项目的目标CPU架构（x86/x64），把对应版本的SQLite原生运行时文件放到站点的bin目录下，否则会出现驱动加载失败的问题

四、跨应用跳转配置 #

• 两个应用的资源都托管在同一个ASP.NET站点下，不存在跨域问题，不需要额外配置：
  • 在答题页面的跳转按钮上，直接写MVC应用的路由相对路径即可，比如跳转到登录页写<a href="/Account/Login">前往会员中心</a>
  • 同样可在MVC页面添加跳转链接，指回/Quiz/Index.html访问答题页面

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