asp.net mvc处理css和js版本问题

       当服务的修改了js和css内容后,发布到IIS服务器上,总是导致客户端内容显示不正确,原因是客户端存在缓存,还是加载的原来的js和css问题。

在css或js后面添加版本号,例如:

<script src="1.js?v=1.0"></script>

 当版本号改变时,客户端会重新读取新的文件,问题解决了。

但同时也带了另一个问题,每次修改后,都必须修改版本好,如果引用比较多的化,那么工作量也比较大,同样是个问题。

       这里解决方法是配置一个版本号

步骤一:在web.config中配置版本号:

<appSettings>
    <add key="JsVersion" value="20161123.2"/>
  </appSettings>

 步骤二:写一个扩展方法

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace WebSeat.Site.Member.Helper
{
    /// <summary>
    /// 说明:
    /// 创建日期:2016/11/23 10:36:01
    /// 创建人:曹永承
    /// </summary>
    public static class HtmlHelperExtend
    {
        /// <summary>
        /// 给CSS文件或JS文件指定版本号
        /// </summary>
        /// <param name="helper"></param>
        /// <param name="url">CSS或JS路径</param>
        /// <returns></returns>
        public static string GetCssJsUrl(this HtmlHelper helper, string url)
        {
            string version = ConfigurationManager.AppSettings["JsVersion"];
            version =version == null ? "1.0" : version;
            return url += "?v=" + version;
        }
    }
}

 步骤三:改变js和css引用方法

<link href="@Html.GetCssJsUrl("/Content/custom/areaHome.css")" rel="stylesheet"/>
<script src="@Html.GetCssJsUrl("/Scripts/custom/AreaHome.js")"></script>

asp.net mvc处理css和js版本问题

可以看到css和js文件自动加上了版本号

相关推荐