vue-开发日记（了解api接口相关概念）

最新推荐文章于 2024-02-29 21:02:13 发布
最新推荐文章于 2024-02-29 21:02:13 发布
阅读量574 收藏 1
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ParisT_T/article/details/95338697
版权

1.描述流程基本功能链条
（1）客户端组装数据
（2）客户端使用组装的数据请求服务端（霍操作系统的api）
（3）服务端的api处理数据并返回结果
如果对方需要你提供一个api，是指工程提供给另外一个工程的接口
2.vue中的http请求
在这里插入图片描述
如图，分为三部分，第一个请求，第二个then里面写方法，最后捕获异常，
补充一点，这里的http是anxios封装之后的写法，需要自己配置的
然后，如果是get方法的话，这里的data应该改为params了
ps:代码中的loading没有关闭，实在是笑了嘎嘎

白煮酒
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue响应接口
白白的博客
11-07 262
Vue 可以添加数据动态响应接口。 Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。 Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。 Vue.set Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制，语法格式如下： Vue.set( target, key, value ) Vue.delete Vue.delete 用于删除动态添加的属性 语法格式： Vue.delete( target, key )
什么是API接口?
lupai的博客
04-21 8623
API接口的优点包括提高数据的安全性和生产效率，加强软件的互操作性，但是也存在复杂性高和安全性问题需要关注的问题。对于企业而言，利用好API接口，可以提高软件系统的效率和互操作性，增强与客户之间的交流与合作，提升创新能力和竞争力。API接口实现软件之间的联通和连接，从而使得不同软件之间可以进行数据交换和共享，提高了软件的互联性和兼容性。通过API，数据可以被有效地传递和处理，从而缩短数据处理的时间，提高软件的响应速度。API接口的设计和实现需要技术人员具备相当高的技术水平，需要耗费大量的时间和精力。
vue的接口用什么写,vue前端接口怎么写
goodutils的博客
09-14 1987
配置一条就是指向一个target啊，多个目标路径，参照下面代码proxyTable:{'/api/a':{target:'http://192.168.0.118:8080',changeOrigin:true,pathRewrite:{'^/api/a':'/'}},'/api/b':{target:'http://192.168.0.119:8080',cha...。如果body中的数据是对象类型。三、接口说明说明接口的应用场景，特别的注意点，比如，接口是否幂等、处理是同步方式还是异步方式等。
带你了解vue中的API
悦.L的博客
12-10 9200
我们之前了解了Vue 的全局配置，现在去了解一个Vue 中的 API。 全局API Vue.extend( options )：这个 API 用于创建一个“子类”，参数是一个包含组件选项的对象。用于创建组件构造器，具体在组件的注册有讲解 Vue.set( target, key, value )：用于设置 Vue 实例某个对象的属性值，目标对象不能是一个 Vue 实例或 Vue 实例的根数据对象。 let vm = new Vue({ el: "#app",
Vue当中的api小结
weixin_50786692的博客
06-02 1420
#1.2.6Vue.component() 作用：在实际开发过程中，我们可能需要全局注册一些组件，比如全局搜索框，全局计数器等等。。。这个时候使用全局注册组件，就不用在每一个组件中单独的进行注册了，提高代码复用率 语法：Vue.component('my-component',{/*...*/}) #1.2.7Vue.use(plugin) 作用：使用插件，比如elementui中每一个组件其实就是一个插件，我们需要通过Vue.use(ELE)来进行使用...
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
08-27
主要介绍了vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀的相关知识，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
vue-hot-reload-api:HotVue组件的热重载API
05-02
vue-hot-reload-api 注意： vue-hot-reload-api@2.x仅适用于vue@2.x Vue组件的热重装API。 这就是和在引擎盖下使用的东西。用法仅当您基于Vue组件编写一些构建工具链时，才使用此功能。 对于正常的应用程序使用，只...
ruoyi-vue-pro开发指南PDF下载
最新发布
03-07
ruoyi-vue-pro开发指南PDF下载 包含各种组件开发指南
CodeIgniter-3.1.10:vue-php-admin-V3 项目后台API接口
07-23
以vue-element-admin@3.10.0 前端模板为基础，修改动态路由部分，实现菜单路由可根据后端角色进行动态加载。将vue-element-admin前端原来样例模板除首页、文档外，其余样例模板归档集中在样例模板下，见 @router/...
vue项目接入api接口
aiduojia5871的博客
05-31 2115
我们在做项目时，一切基础在于数据上面，所以接入api接口是关键。 访问接口是我们会遇到跨域，而，vue-cli给我们提供了反向代理，所以我们只需要配置一下就可以了。 在config文件中找到index.js，修改dev对象里面的proxyTable如图 然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件，我们进行修改 再打开同文件夹...
vue项目 接口代理处理 简单易懂
young_sam的博客
01-12 830
vue.config.js module.exports = { devServer: { '/abc': { target: 'http://192.168.166.27:8025/', // 测试环境 changeOrigin: true }, } } 假如有接口调用的时候写的url是：aixos.get('/abc/api/save') 实际调用地址是 http://192.168.166.27:8025/abc/api/save pat
vue3--API描述及使用方法
猿人的博客
05-05 784
vue3--常用api--冷门api--api使用方法--api含义
接口总结--vue前后端接口对接，传递数值的不同形式（表单formData\json\拼接url等）
weixin_43312391的博客
02-23 1万+
后端一般要求的传递方式：get 和 post 1.传递的为普通参数(get) 2.传递数组对象形式 3.传递表单形式 .......
vue中插槽的详解
m0_71345904的博客
08-10 2664
​插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符
vue接口
nxslove的博客
12-11 112
4. 处理请求返回的数据： ```javascript axios.get('/api/users') .then(response => { const data = response.data // 处理返回的数据 }) .catch(error => { // 请求失败处理逻辑 }) ``` 您可以在成功处理逻辑中处理返回的数据，例如将数据保存到Vue组件的data属性中，或者渲染到页面中。{ required: true, message: "请输入密码", trigger: "blur" },
VUE 入门及应用 ( API )
yuanchun的知识整理
02-29 839
内置的 一些 API
Vue项目实战(二)：关于请求接口相关问题分析
summer_cloudy的博客
03-23 515
【代码】Vue项目实战(二)：关于请求接口相关问题分析。
vue项目接口地址的定义
weixin_33863087的博客
08-06 2249
对于接口地址域名我们经常会遇到，那么如何去定义呢： 只要在config/dev.env.js中定义变量NODE_ENV就行啦 在.vue文件中的引用方式如下: 嗯，就是这样简单~~~~ 转载于:https://www.cnblogs.com/yuwenjing0727/p/9430465.html...
vue 配置后台接口方式
热门推荐
进阶默示录
08-13 7万+
在vueAdmin项目中有两种方式配置后端接口的方式，在此做下记录 第一种（代理方式） 在工程目录下 > config > index.js - 修改为如下配置 proxyTable: { '/api': { target: 'http://127.0.0.1:8000', pathRewrite: { ...
vue-aliplayer-v2 api
09-08
vue-aliplayer-v2 api 是一个基于Vue框架的阿里云播放器组件的接口。该接口提供了许多方法和属性，使开发者能够更灵活地控制和定制阿里云播放器在Vue应用中的行为。 其中一些常用的API包括： - `play` 方法：用于开始播放视频。通过调用该方法，开发者可以在需要的时候手动开始视频的播放。 - `pause` 方法：用于暂停视频的播放。通过调用该方法，开发者可以在需要的时候手动暂停视频的播放。 - `seek` 方法：用于跳转到指定的播放进度。通过调用该方法，开发者可以在需要的时候手动将视频跳转到指定的时间点。 - `changeSource` 方法：用于更改视频的播放源。通过调用该方法，开发者可以在需要的时候动态地切换不同的视频源。 除了方法之外，vue-aliplayer-v2 api 还提供了一些属性，用于获取和设置阿里云播放器的状态和配置。比如： - `isPlaying` 属性：用于获取当前视频的播放状态，返回一个布尔值。 - `playerConfig` 属性：用于获取或设置阿里云播放器的配置信息，比如视频地址、播放速度、清晰度等。 通过使用这些API，开发者可以根据自己的需求，自定义阿里云播放器在Vue应用中的行为，实现更好的用户体验和功能扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值