布局文件未加载和路由问题 MVC？

Question

我的路由配置文件是

 routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Login", action = "Login", id = UrlParameter.Optional }
        );

默认登录是加载登录控制器是

 [Route("")]
    public ActionResult Login()
    {
        ViewBag.CustomerId = 0;
        ViewBag.Country = "pak";
        ViewBag.Email = "nouman@softconsults.com";
        return View();
    }

带有正确设计的url默认加载布局页面http://localhost:2738/ 但是单击登录提交按钮或由 url 调用时与 url 相同的视图 http://localhost:2738/Login/Login 似乎未正确加载，详情请参阅图片

与其他文件类似的问题我的主布局页面未加载但登录单击我的 url 添加登录并继续添加以防万一用户密码错误但正确的用户密码工作完全成功并且下一页仅不加载其主页面以防万一继续添加登录的用户密码错误

http://localhost:2738/Login/Login/Login/Login

顶部的CSS引用

  <link rel="stylesheet" href="@Url.Content("Website/CSS/supersized.css")" type="text/css" media="screen " />
<link href="@Url.Content("http://fonts.googleapis.com/css?family=Oxygen:400,300,700")" rel='stylesheet'  type='text/css'>

<link href="@Url.Content("Website/CSS/custom.css.css")" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js")"></script>

<script type="text/javascript" src="@Url.Content("Website/JS/jquery.easing.min.js")"></script>

<script type="text/javascript" src="@Url.Content("Website/JS/supersized.3.2.7.js")"></script>


<script type="text/javascript">

    jQuery(function ($) {

        $.supersized({

            // Functionality
            slide_interval: 3000,       // Length between transitions
            transition: 3,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
            transition_speed: 700,      // Speed of transition

            // Components
            slide_links: 'blank',   // Individual links for each slide (Options: false, 'num', 'name', 'blank')
            slides: [           // Slideshow Images
                                                { image: 'Website/Main/banner_1.png', },
                                                { image: 'Website/Main/banner_2.png', },
                                                { image: 'Website/Main/banner_3.png', },
                                                { image: 'Website/Main/banner_4.png', },
                                                { image: 'Website/Main/banner_5.png', },
                                                { image: 'Website/Main/banner_6.png', },
                                                { image: 'Website/Main/banner_7.png', },
                                                { image: 'Website/Main/banner_8.png', }

            ]

        });
    });

</script>

在页面底部登录和首页索引视图

    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")"></script>
<script  src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")"></script>
 <script src="@Url.Content("~/Scripts/jquery.validate-vsdoc.js")"></script>
 <script  src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
 <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
 <script  src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>
 <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
 <script  src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"></script>

Answer 1

不要使用直接的相对路径，而是尝试使用下面的方法。

<link href="@Url.Content("~/Website/CSS/supersized.css")" rel="stylesheet" type="text/css" />

您也可以将这种方法用于 CSS、JS、图像。