MVC - 提供由react

时间:2017-03-19 08:24:33

标签: asp.net asp.net-mvc reactjs model-view-controller routes

我的问题可能与直接反应有关,可能与MVC路线无关,但如果有人认为我在错误的轨道上,我决定分享更大的图片。 我们有一个React / redux应用程序捆绑到index.html文件,其cssjs资源:

<!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.jsmain.css的资源文件正在作为index.html投放,我的意思是我确实得到index.html而不是实际的js和css文件。
我尝试将routes.RouteExistingFiles设置为truefalse,但没有任何帮助。

编辑:基本上我的问题是如何使用“漂亮”(自定义)URL提供html静态文件,而不会中断页面​​的资源负载及其相对路径?

0 个答案:

没有答案