如何在vue中添加axios

　　介绍

本篇文章给大家分享的是有关如何在vue中添加axios,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

<强> 1,首先需要的是一个vue项目,这个可以参考以前的文章。

<强> 2,然后是npm安装axios——save-dev

<强> 3,在主要。js中添加如下内容:

import  axios 得到& # 39;axios& # 39; 　　Vue.prototype。ajax美元=axios;

<强> 4,这个时候应该可以在项目中使用了,使用的方法如下:

testget:, function  (), { 　　ajax({美元,这。 　　,,,方法:& # 39;得到# 39; 　　,,,url: & # 39; zk/连接? connectionString=& # 39;, +, this.connectionString, 　　}),然后才能(function  (res), { 　　,,let  data =, res.data; 　　,,警报(数据); 　　,,console.error(数据); 　　,,this.conflag =, data.flag; 　　}.bind才能()); 　　,,},

现在使用的是默认的baseurl,每次如果我们都需修改这个baseurl会非常的麻烦。我们这里可以修改baseurl。

<强> 5,添加一个全球性的。vue,内容如下:

& lt; script> 　　,const  BASE_URL =, & # 39; http://192.168.0.108:7878 zkview/& # 39;; 　　默认,export  { 　　,BASE_URL 　　,} 　　& lt;/script>

<强> 6,在主要。js中添加如下内容:

import  global_ 得到& # 39;。/Global.vue& # 39; 　　时间=Vue.prototype.GLOBAL  global_; 　　axios.defaults.baseURL=global_.BASE_URL; 　　Vue.prototype ajax 美元;=,axios;

<强> 7,然后就能够正常的在各个模块中使用了。

后记:当然,很多全局变量都可以在Globa.vue中声明,并而且出口出来。

<强>在模块中使用的时候只需这样:

this.GLOBAL。BASE_URL即可。

vue是什么

vue是一套用于构建用户界面的渐进式JavaScript框架,vue与其它大型框架的区别是,使用vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用vue可以采用单文件组件和vue生态系统支持的库开发复杂的单页应用。

以上就是如何在vue中添加axios,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。

如何在vue中添加axios