欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > IT业 > vue 前端项目调用后端接口记录

vue 前端项目调用后端接口记录

2025/4/19 15:16:45 来源:https://blog.csdn.net/cdd9527/article/details/140382286  浏览:    关键词:vue 前端项目调用后端接口记录

axios中不同的类型的请求附带数据使用的关键字

请求类型关键字示例
GETparamsaxios({ method: 'get', url: 'example.com', params: { key: value } })
POSTdataaxios({ method: 'post', url: 'example.com', data: { key: value } })
PUTdataaxios({ method: 'put', url: 'example.com', data: { key: value } })
PATCHdataaxios({ method: 'patch', url: 'example.com', data: { key: value } })
DELETEdataaxios({ method: 'delete', url: 'example.com', data: { key: value } })
单引号 (') 和双引号 (") 与反引号 (``)(模板字符串)

  • 一段相同的代码,但上面亮,下面不亮。乍一看好像没啥问题,但细心的小伙伴能发现一个是’’ 一个是``
  • 使用单引号和双引号中的东西叫做字符串
  • 似乎用反引号的叫做模板字符串

 区别

特性单引号 (') 或 双引号 (")反引号 (``)
多行字符串不支持,需要使用转义字符 \n支持,可以自然换行
插值不支持支持 ${} 语法嵌入表达式
转义字符需要转义与外部引号相同的字符不需要对 ${} 进行转义
保留空格和换行符
使用场景普通字符串定义,单行字符串多行字符串,字符串插值,保持字符串格式

get 使用 params 来传递数据,而 post 才使用 data 来传递数据

methods: {// get 方法getBooksList() {axios({method: 'get',url: 'http://hmajax.itheima.net/api/books',params: {creator: 'Qiuner'}}).then(result => {let bookList = result.data})}// post 方法getBooksList() {axios({method: 'post',url: 'http://hmajax.itheima.net/api/books',data: {creator: 'Qiuner'}}).then(result => {let bookList = result.data})}
}
冷知识(对于我来说)
<div><label for="bg">更换背景</label><input type="file" id="bg">
</div>
  • 这里代码使用了label,当for与id相同时,点击这个label就等于点击input了。而这个input被用来上传文件
  • 但实际定位还是要定位到input上的

参考原文链接:两年经验前端带你重学前端框架必会的ajax+node.js+webpack+git等技术 Day2-CSDN博客 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词