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

简介: .NET Core

2、编辑vue项目,使用我这里使用的是【vsCode】


需要引入内容:【import axios from 'axios'】


40.png

需要引入内容:【import axios from 'axios'】


41.png


引入后【Ctrl+s】保存,可以看到服务的控制台提示没有【axios】,需要添加。

42.png

需要停止当前的vue项目【Ctrl+c停止】,执行【npm install --save axios】后二次启动【npm run dev】即可。

43.png

二次启动【npm run dev】:

44.png45.png

在项目下的【src】->【App.vue】中粘贴以下代码:


46.png47.png48.png49.png

样式展示:


0.png

3、总结:

a)、由于不是专稿VUE,我就给大家写个简易的解析demo,让大家知道解析方法就好,可以用vue的全家桶更换一下样式,我还是用的bootstrap样式。


b)、搭建环境是难点,这章相对容易。


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


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

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

等文章。



相关文章
|
JavaScript 数据可视化
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
这篇文章介绍了如何使用vue-cli 2和3版本来创建Vue项目,并详细说明了两者之间的主要区别。
487 5
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
|
JavaScript
Vue CLi脚手架创建第一个VUE项目
Vue CLi脚手架创建第一个VUE项目
210 3
|
JavaScript 前端开发 开发者
Vue执行流程及渲染解析
【10月更文挑战第2天】
310 58
|
存储 JavaScript 前端开发
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
【10月更文挑战第21天】 vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
1041 5
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
455 3
|
JavaScript 调度
Vue事件总线(EventBus)使用指南:详细解析与实战应用
Vue事件总线(EventBus)使用指南:详细解析与实战应用
931 1
|
JavaScript 前端开发 UED
Vue执行流程及渲染解析
【10月更文挑战第5天】
|
JavaScript
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
342 2

推荐镜像

更多
  • DNS