Vue组件化时使用axios处理ajax请求的使用

cyixlq 发布于2019-08-20 18:56 / 2938人阅读

摘要：推荐方式首先在中引入引入这时候如果你想在其它的组件中使用进行请求是或提示报错的，报错内容大致是。

推荐方式 首先在 main.js 中引入 axios

// 引入 axios
import axios from "axios"

这时候如果你想在其它的组件中使用axios进行ajax请求是或提示报错的，报错内容大致是axios is undefined。
我们通常的决绝方案是将axios改写为 Vue 的原型属性,如下

将axios写入Vue的原型链作为Vue的属性

// 设置axios请求的默认host
axios.defaults.baseURL = "https://www.ifilm.ltd/api/"
// 将axios绑定给vue成为一个属性
Vue.prototype.$http = axios

在其他组件中使用axios

this.$http.get("路由").then(response => {
        // todo something
      })

此方式可以类比到Vue的其他库使用 两种不推荐的使用示范 将axios全局化，作为全局变量

// 引入axios
import axios from "axios"
// 将axios全局化
window.axios = axios;

另外一个不太优雅的方式就是在需要的每个组件中都引入对应的库

GPU云服务器云服务器 js使用ajax异步请求数据 js中使用ajax请求数据 nodejs处理ajax请求阿里云购买服务器时的高效云盘怎么使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84899.html

axios异步请求数据的简单使用

摘要：使用模拟好后端数据之后模拟数据的使用参考，就需要尝试请求加载数据了。数据请求选择了，现在都推荐使用。规定要发送到服务器的数据。布尔值，表示请求是否异步处理。要求为类型的参数，请求成功后调用的回调函数。在一个中重写回调函数的字符串。使用Mock模拟好后端数据之后（Mock模拟数据的使用参考：https://segmentfault.com/a/11...），就需要尝试请求加载数据了。数...

forsigner 2019-08-23 14:40 评论0 收藏0
vue的axios组件如何与PHP后端交换数据

摘要：本文的目的在于探讨前后端数据交互，并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案，可根据实际情况选择一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件，在vue的作者推荐下，相当数量的vue前端开发人员开始使用它。但是在实际开发过程中，却时有出现后端接收不到前端post过来的数据的情况...

韩冰 2019-08-22 17:09 评论0 收藏0
vue的axios组件如何与PHP后端交换数据

摘要：本文的目的在于探讨前后端数据交互，并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案，可根据实际情况选择一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件，在vue的作者推荐下，相当数量的vue前端开发人员开始使用它。但是在实际开发过程中，却时有出现后端接收不到前端post过来的数据的情况...

CloudwiseAPM 2019-07-01 12:27 评论0 收藏0
浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层

摘要：其实就是我们开始挂载上去的我们在这里出去，我们就可以在回调里面只处理我们的业务逻辑，而其他如断网超时服务器出错等均通过拦截器进行统一处理。 showImg(https://segmentfault.com/img/remote/1460000015472616?w=845&h=622); 开始之前随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， bu...

rickchen 2019-08-22 18:29 评论0 收藏0
浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层

摘要：其实就是我们开始挂载上去的我们在这里出去，我们就可以在回调里面只处理我们的业务逻辑，而其他如断网超时服务器出错等均通过拦截器进行统一处理。 showImg(https://segmentfault.com/img/remote/1460000015472616?w=845&h=622); 开始之前随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， bu...

Backache 2019-08-22 18:29 评论0 收藏0