我还想将与视图相关的js文件放置在与视图相同的文件夹中。
我无法使该线程中的其他解决方案正常工作，不是说它们已经坏了，但我对MVC来说还太陌生，无法使其正常工作。
使用此处给出的信息以及其他几个堆栈，我想到了一个解决方案：
- 允许将javascript文件放置在与其关联的视图相同的目录中。
- 脚本URL不会放弃底层的物理站点结构
- 脚本URL不必以斜杠（/）结尾
- 不会干扰静态资源，例如：/Scripts/someFile.js仍然有效
- 不需要启用runAllManagedModulesForAllRequests。
注意：我也在使用HTTP属性路由。在不启用此功能的情况下，可能修改了我的灵魂使用的路线。
给定以下示例目录/文件结构：
Controllers
-- Example
-- ExampleController.vb
Views
-- Example
-- Test.vbhtml
-- Test.js
使用下面给出的配置步骤，结合上面的示例结构，可以通过以下方式访问测试视图URL：/Example/Test通过以下方式引用JavaScript文件：/Example/Scripts/test.js
步骤1-启用属性路由：
编辑您的/App_start/RouteConfig.vb文件，然后routes.MapMvcAttributeRoutes()在现有路线上方添加。
Imports System
Imports System.Collections.Generic
Imports System.Linq
Imports System.Web
Imports System.Web.Mvc
Imports System.Web.Routing
Public Module RouteConfig
Public Sub RegisterRoutes(ByVal routes As RouteCollection)
routes.IgnoreRoute("{resource}.axd/{*pathInfo}")
' Enable HTTP atribute routing
routes.MapMvcAttributeRoutes()
routes.MapRoute(
name:="Default",
url:="{controller}/{action}/{id}",
defaults:=New With {.controller = "Home", .action = "Index", .id = UrlParameter.Optional}
)
End Sub
End Module
第2步-将您的网站配置为将/{controller}/Scripts/*.js当作MVC路径而非静态资源进行处理
编辑/Web.config文件，将以下内容添加到文件的system.webServer-> handlers部分：
<add name="ApiURIs-ISAPI-Integrated-4.0" path="*/scripts/*.js" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
这里还是上下文：
<system.webServer>
<modules>
<remove name="TelemetryCorrelationHttpModule"/>
<add name="TelemetryCorrelationHttpModule" type="Microsoft.AspNet.TelemetryCorrelation.TelemetryCorrelationHttpModule, Microsoft.AspNet.TelemetryCorrelation" preCondition="managedHandler"/>
<remove name="ApplicationInsightsWebTracking"/>
<add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web" preCondition="managedHandler"/>
</modules>
<validation validateIntegratedModeConfiguration="false"/>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0"/>
<remove name="OPTIONSVerbHandler"/>
<remove name="TRACEVerbHandler"/>
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0"/>
<add name="ApiURIs-ISAPI-Integrated-4.0" path="*/scripts/*.js" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
第3步-将以下脚本操作结果添加到Controller文件中
- 确保编辑路径路径以匹配控制器的{controller}名称，在本示例中为：<Route（“ Example / Scripts / {filename}”）>
您将需要将此文件复制到每个Controller文件中。如果您愿意，可能有一种方法可以通过某种方式将其作为单一的一次性路由配置来完成。
' /Example/Scripts/*.js
<Route("Example/Scripts/{filename}")>
Function Scripts(filename As String) As ActionResult
' ControllerName could be hardcoded but doing it this way allows for copy/pasting this code block into other controllers without having to edit
Dim ControllerName As String = System.Web.HttpContext.Current.Request.RequestContext.RouteData.Values("controller").ToString()
' the real file path
Dim filePath As String = Server.MapPath("~/Views/" & ControllerName & "/" & filename)
' send the file contents back
Return Content(System.IO.File.ReadAllText(filePath), "text/javascript")
End Function
对于上下文，这是我的ExampleController.vb文件：
Imports System.Web.Mvc
Namespace myAppName
Public Class ExampleController
Inherits Controller
' /Example/Test
Function Test() As ActionResult
Return View()
End Function
' /Example/Scripts/*.js
<Route("Example/Scripts/{filename}")>
Function Scripts(filename As String) As ActionResult
' ControllerName could be hardcoded but doing it this way allows for copy/pasting this code block into other controllers without having to edit
Dim ControllerName As String = System.Web.HttpContext.Current.Request.RequestContext.RouteData.Values("controller").ToString()
' the real file path
Dim filePath As String = Server.MapPath("~/Views/" & ControllerName & "/" & filename)
' send the file contents back
Return Content(System.IO.File.ReadAllText(filePath), "text/javascript")
End Function
End Class
End Namespace
最后说明
关于test.vbhtml视图/ test.js javascript文件没有什么特别的，这里没有显示。
我将CSS保留在视图文件中，但是您可以轻松地将其添加到此解决方案中，以便可以以类似方式引用CSS文件。
