我的问题可能与直接反应有关,可能与MVC路线无关,但如果有人认为我在错误的轨道上,我决定分享更大的图片。
我们有一个React / redux应用程序捆绑到index.html
文件,其css
和js
资源:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8" />
<title>Booking Engine</title>
<link href="./main.837f1985001f2e603b8755f0f28be780.css" rel="stylesheet">
</head>
<body>
<div id="sb-be"></div>
<script type="text/javascript" src="./main.adb11750acf05df99619.js"></script>
</body>
</html>
您可以看到,资源是动态散列的
我需要从MVC应用程序提供此index.html
,我尝试使用this post(在RouteConfig中使用MapPageRoute和RouteExistingFiles)来执行此操作。
虽然没有正确提供资源,但我可以按预期提供html
这是我的MVC应用程序中的文件结构:
--MVCRoot
----Other MVC related folders
----ReactFolder
--------dist
------------index.html
------------main[hash].js
------------main[hash].css
现在使用MapPageRoute
就像这样:
routes.MapPageRoute("index", "SomeName/{*pathInfo}", "~/ReactFolder/dist/index.html");
main.js
和main.css
的资源文件正在作为index.html
投放,我的意思是我确实得到index.html而不是实际的js和css文件。
我尝试将routes.RouteExistingFiles
设置为true
或false
,但没有任何帮助。
编辑:基本上我的问题是如何使用“漂亮”(自定义)URL提供html
静态文件,而不会中断页面的资源负载及其相对路径?