ASP.NET Core微服务(四)——【静态vue使用axios解析接口】

ASP.NET Core微服务(二)——【ASP.NET Core Swagger配置】:

环境：win10专业版+vs2019+sqlserver2014/2019+vsCode+在线资源

bootstrap-css：【<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">】

JQuery：【<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>】

bootstrap：【<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>】

vue：【<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>】

axios：【<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>】

后台接口请参照：ASP.NET Core微服务(三)——【跨域配置】：【https://blog.csdn.net/feng8403000/article/details/113756352】

样式效果：

总结：

由于是静态处理，很容易，并且未进行路由设置，我就直接上代码了。

a）、css与js的引入顺序。1、css2、jquery3、bootstrap4、vue5、axios

b）、Vue区分大小写

c）、别忘记每个需要使用的数据都需要在data中声明

d）、【<tr v-for="item in newlist">】遍历的是【computed】计算后的新集合

希望此文对大家有所帮助，后续会编写

ASP.NET Core微服务(五)——【vue脚手架解析接口】、

ASP.NET Core微服务(六)——【redis操作】、

ASP.NETCore微服务(七)——【docker部署linux上线】

等文章。

此文标题为ASP.NET Core微服务(四)——【静态vue使用axios解析接口】