VUE调用MD5和webapi中的MD5 差异

最新推荐文章于 2023-06-21 16:30:42 发布

陈熙之

最新推荐文章于 2023-06-21 16:30:42 发布

阅读量183

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/cmhdl521/article/details/117409589

版权

Vue 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

"本文讲述了在Vue项目中调用.NET5的WEBAPI接口时，为确保安全添加MD5加密验证所遇到的问题。在Vue中使用js-md5加密与C#中MD5计算哈希值出现不匹配的情况，原因在于字节转换为字符串时的宽度不同。通过将C#代码中的`ToString("x")`改为`ToString("x2")`，解决了字节到字符串转换的宽度问题，从而使得Vue和C#的加密结果一致。"

摘要由CSDN通过智能技术生成

项目是VUE网站调用WEBAPI的接口，为了安全，增加了验证，用的就是常规操作，appid timestamp appsecret sign ，

顺便说下，不知道为什么.net5中application/json request payload 方式，貌似获取不到Post提交的数据，Form始终是小红叉，Form = '((Microsoft.AspNetCore.Http.DefaultHttpRequest)_httpContextAccessor.HttpContext.Request).Form' threw an exception of type 'System.InvalidOperationException'

只有加一个params 了。

Vue中MD5【js-md5】加密后

sign:9a7e4ecc0ccd22b045bf029cab697e7d

C#中

///<summary>
        ///MD5加密
        ///</summary>
        ///<param name="strText">待加密字符串</param>
        ///<returns>加密后的字符串</returns>
        private string MD5(string strText)
        {
            MD5 md5 = new MD5CryptoServiceProvider();
            byte[] fromData = System.Text.Encoding.UTF8.GetBytes(strText);
            byte[] targetData = md5.ComputeHash(fromData);
            string byte2String = null;
            for (int i = 0; i < targetData.Length; i++)
            {
                byte2String += targetData[i].ToString("x");
            }
            return byte2String;


        }

开始看着没什么差别，但是始终给抛异常。

仔细看加密后大致一致，但是差0，VUE有0的地方都给干没了。

百度了几篇文章，才知道字节转换成字符串的时候要保证是2位宽度不然会和VUE里面的不匹配

byte2String += targetData[i].ToString("x2");

只需要修改x为x2就好了。