VUE 调用 .net api session为null 的问题！！！（后端实现生成验证码）

（后端生成验证码）api实现功能.

apicode:

* _memoryCache.Set() get() 方法是 memoryCache的存取

关于memoryCache 的使用大家自行度娘

 [HttpPost]
        public async Task<FileContentResult> GetImgCode(sysUser_DynamicObjectHome returnObject)
        {
            //生成验证码
            var capt = new CaptchaHelper();

            var code = await capt.GenerateRandomCaptchaAsync();

            //将code存到客户本地memoryCache
            // returnObject.Mkey key是前端生成的guid每次更改验证码时更改
            _memoryCache.Set(returnObject.Mkey, code);

            var result = await capt.GenerateCaptchaImageAsync(code);

            return File(result.CaptchaMemoryStream.ToArray(), "image/png");
        }

注：CaptchaHelper.cs 类

public class CaptchaResult
    {
        /// <summary>
        /// CaptchaCode
        /// </summary>
        public string CaptchaCode { get; set; }

        /// <summary>
        /// CaptchaMemoryStream
        /// </summary>
        public MemoryStream CaptchaMemoryStream { get; set; }

        /// <summary>
        /// Timestamp
        /// </summary>
        public DateTime Timestamp { get; set; }
    }

    public interface ICaptchaHelper
    {
        // <summary>
        /// 生成随机验证码
        /// </summary>
        /// <param name="codeLength"></param>
        /// <returns></returns>
        Task<string> GenerateRandomCaptchaAsync(int codeLength = 4);

        /// <summary>
        /// 生成验证码图片
        /// </summary>
        /// <param name="captchaCode">验证码</param>
        /// <param name="width">宽为0将根据验证码长度自动匹配合适宽度</param>
        /// <param name="height">高</param>
        /// <returns></returns>
        Task<CaptchaResult> GenerateCaptchaImageAsync(string captchaCode, int width = 0, int height = 30);
    }

    public class CaptchaHelper : ICaptchaHelper
    {
        private const string Letters = "2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,U,V,W,X,Y,Z";

        public Task<CaptchaResult> GenerateCaptchaImageAsync(string captchaCode, int width = 0, int height = 30)
        {
            //验证码颜色集合
            Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };

            //验证码字体集合
            string[] fonts = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial" };

            //定义图像的大小，生成图像的实例
            var image = new Bitmap(width == 0 ? captchaCode.Length * 25 : width, height);

            var g = Graphics.FromImage(image);

            //背景设为白色
            g.Clear(Color.White);

            var random = new Random();

            for (var i = 0; i < 100; i++)
            {
                var x = random.Next(image.Width);
                var y = random.Next(image.Height);
                g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1);
            }

            //验证码绘制在g中
            for (var i = 0; i < captchaCode.Length; i++)
            {
                //随机颜色索引值
                var cindex = random.Next(c.Length);

                //随机字体索引值
                var findex = random.Next(fonts.Length);

                //字体
                var f = new Font(fonts[findex], 15, FontStyle.Bold);

                //颜色  
                Brush b = new SolidBrush(c[cindex]);

                var ii = 4;
                if ((i + 1) % 2 == 0)
                    ii = 2;

                //绘制一个验证字符  
                g.DrawString(captchaCode.Substring(i, 1), f, b, 17 + (i * 17), ii);
            }

            var ms = new MemoryStream();
            image.Save(ms, ImageFormat.Png);

            g.Dispose();
            image.Dispose();

            return Task.FromResult(new CaptchaResult
            {
                CaptchaCode = captchaCode,
                CaptchaMemoryStream = ms,
                Timestamp = DateTime.Now
            });
        }

        public Task<string> GenerateRandomCaptchaAsync(int codeLength = 4)
        {
            var array = Letters.Split(new[] { ',' });

            var random = new Random();

            var temp = -1;

            var captcheCode = string.Empty;

            for (int i = 0; i < codeLength; i++)
            {
                if (temp != -1)
                    random = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));

                var index = random.Next(array.Length);

                if (temp != -1 && temp == index)
                    return GenerateRandomCaptchaAsync(codeLength);

                temp = index;

                captcheCode += array[index];
            }

            return Task.FromResult(captcheCode);
        }

登录代码：login（点击登录时请求的接口中增加验证码验证功能）
 

//sysUser.SyncState 为请求当前接口的参数 当前输入的验证码
//sysUser.Mkey 上一个接口说道的key  前端生成的guid
//copy代码后 参数更改

            if (!(_memoryCache.Get<string>(sysUser.Mkey).ToLower() == sysUser.SyncState.ToLower()))
            {
                _memoryCache.Remove(sysUser.Mkey);

                return "验证码错误";
            }

vue：

//vue 增加打开页面执行生成code方法 

//自己在data中 增加 Mkey 

 beforeMount() {
    this.Mkey = this.guid();
  },
mounted() {
    this.SelectCode();
  },

//生成code方法（向后端请求接口 展现图片）

   SelectCode() {
      var self = this;
      let param = {};
      param.Mkey = this.Mkey;
      axios({
        method: post,
        url: 1/1/,
        data: param,
        responseType: "arraybuffer", // 最为关键
      })
        .then((response) => {
          self.src =
            "data:image/jpeg;base64," + self.arrayBufferToBase64(response.data);
        })
        .catch((error) => {});
    },
    arrayBufferToBase64(buffer) {
      var binary = "";
      var bytes = new Uint8Array(buffer);
      var len = bytes.byteLength;
      for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
      }
      return window.btoa(binary);
    },

//生成guid方法

S4() {
      return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    },
    guid() {
      return (
        this.S4() +
        this.S4() +
        "-" +
        this.S4() +
        "-" +
        this.S4() +
        "-" +
        this.S4() +
        "-" +
        this.S4() +
        this.S4() +
        this.S4()
      );
    },

//页面点击登录的方法时

          var self = this;

          let param = {};
//当前的key
          param.Mkey = this.Mkey;
//文本框输入的 验证码
          param.SyncState = this.loginForm.seccode;
//url 和请求方式（post get） 自需更改
          this.$request({
            url: this.$api.Login.Login.url,
            method: this.$api.Login.Login.method,
            data: param,
          })