.Net MVC4 发布后页面样式问题

2017-08-22 / 无评论
  1. 样式目录由于限制登录未能被加载

        如果网站限制必须登录才能访问网站(例:后台系统),必须在根目录Web.config配置资源目录无需登录.
     <!--页面权限控制-->
            <configuration>
              <location path="Content">
                <system.web>
                  <authorization>
                    <allow users="*"/>
                  </authorization>
                </system.web>
              </location>
              <location path="Scripts">
                <system.web>
                  <authorization>
                    <allow users="*"/>
                  </authorization>
                </system.web>
              </location>
              
              <!-- 注意:这个目录虽然项目没这个目录,但是由于BundleConfig中设置js集目录别名
              路径为bundles开头,所以发布后页面源码中路径也是bundles,所以要把这个目录设置为
              免登陆 -->
              <location path="bundles">
                <system.web>
                  <authorization>
                    <allow users="*"/>
                  </authorization>
                </system.web>
              </location>
              <location path="Images">
                <system.web>
                  <authorization>
                    <allow users="*"/>
                  </authorization>
                </system.web>
              </location>
            </configuration>
    
    
    >注意: 由于BundleConfig中设置的问题,可能虽然js在Scripts目录中,但是设置的别名路径为其他名,则需要把这个别名路径第一个目录名设置为免登陆.
    
    `Example:`
    
    BundleConfig中设置的路径别名:
    ![BundleConfig中设置的路径别名](https://img-blog.csdnimg.cn/img_convert/cc66b48e2025e235d0b5d04f1c192fed.png)
    
    发布后页面源码显示:
    ![发布后页面源码显示](https://img-blog.csdnimg.cn/img_convert/b36b52e5ba61fc7dfb8bc7233177ebb1.png)
    
    所以需要设置bundles目录为免登陆
    
  2. CSS样式出错

    查看页面源码,在css顶部出现以下提示:
        /* 未能缩小。正在返回未缩小的内容。
        (2,2-3): run-time warning JS1195: Expected expression: .
        (2,36-37): run-time warning JS1004: Expected ';': :
        (2,85-86): run-time warning JS1004: Expected ';': :
        (2,139-140): run-time warning JS1004: Expected ';': :
        (2,182-183): run-time warning JS1197: Too many errors. The file might not be a JavaScript file: :
     */
    
    查看系统源码发现BundleConfig中设置导致,css样式用了ScriptBundle导致压缩出错.
    
    正确格式:
    JS:
    
     bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                            "~/Scripts/jquery-{version}.js"));
    
    CSS:
    
    bundles.Add(new StyleBundle("~/Content/css/login").Include(
                    "~/Content/global.css",
                    "~/Content/login.css"));

无回应:“.Net MVC4 发布后页面样式问题”

发表评论

电子邮件地址不会被公开。 必填项已用*标注