vue .netcore web api将前台传递的数据保存至对应json文件

目录

    • vue代码
    • 后台代码

使用vue axios将前端的json数据保存到特定的json文件中,json数据与文件名均由前台传递。

vue代码

      axios({
        url: 'http://localhost:56007/api/ConfigData',
        method: 'post',
        data: {
          configData: that.layoutData,
          fileName: "xaut",
        },
      }).then(function (return_data) {
        console.info(return_data)
      }, function (return_data) {
        console.info(return_data)
      });

其中configData需要保存的数据,格式为json,fileName为json数据保存的文件名。

后台代码

        public async Task<string> PostSavaConfigData()
        {
            Stream stream = Request.Body;
            if (stream != null)
            {
                using (var reader = new StreamReader(stream, Encoding.UTF8))
                {
                    string data = await reader.ReadToEndAsync();
                
                    JObject configData = (JObject)JsonConvert.DeserializeObject(data);
                    string fileName = configData["fileName"].ToString();
                    string filepath = "PageConfigData/"+fileName+".json";
                    System.IO.File.WriteAllText(filepath, configData["configData"].ToString());//写入文件
                }
            }
            else
            {
                return "null";
            }
            return "OK";

        }

你可能感兴趣的:(.net,core)