当前位置: 代码迷 >> 综合 >> vue .netcore web api将前台传递的数据保存至对应json文件
  详细解决方案

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

热度:80   发布时间:2023-12-25 15:43:07.0

目录

    • 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";}
  相关解决方案