vue根据url获取内容axios_vue添加axios,并且指定baseurl的方法

本文详细讲解如何在Vue项目中引入axios并设置全局baseURL,通过在main.js中导入Global.vue来定义常量,然后设置axios的默认基础URL,以便在各个组件中方便地使用。
摘要由CSDN通过智能技术生成

这篇文章主要为大家详细介绍了vue添加axios,并且指定baseurl的方法,具有一定的参考价值,可以用来参考一下。

感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧!

本文主要介绍如何在vue项目中引入axios,并且在使用的时候指定baseurl。

好,下面上货。

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

2、然后是npm install axios --save-dev

3、在main.js中添加如下内容:

代码如下:

import axios from 'axios'

Vue.prototype.$ajax=axios;

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

代码如下:

testget: function () {

this.$ajax({

method: 'get',

url: 'zk/connect?connectionString=' + this.connectionString,

}).then(function (res) {

let data = res.data;

alert(data);

console.error(data);

this.conflag = data.flag;

}.bind(this));

},

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值