WebApi和Element UI联调

1、打开WebApiServices工程，调试模式；

/// <summary>
        /// 查询所有数据
        /// </summary>
        /// <returns></returns>
        [Route("GetPersons")]
        [HttpGet]
        public HttpResponseMessage GetPersons()
        {
            var jsonStr="{\"code\":20000,\"data\":{\"items\":[{\"Id\":1,\"Name\":\"黄永昌\",\"Sex\":\"男\",\"Birthday\":\"2019-1-1\",\"Height\":165}]}}";
            var resp= new HttpResponseMessage { Content = new StringContent(jsonStr, System.Text.Encoding.UTF8, "application/json") };
            return resp;
        }

　　

2、npm run dev，打开vue-admin-template。

data() {
      return {
        tableData: null
      }
    },
    created() {
      this.fetchData()
    },
    methods: {
      fetchData() {
        getList().then(response => {
          this.tableData = response.data.items
          console.log(this.tableData);
        })
      }
    }