vue-cli中axios封装

本文介绍如何在Vue项目中使用Axios进行HTTP请求,包括依赖下载、配置全局请求地址及请求头、定义POST请求方法,并在main.js中引入使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.下载依赖

cnpm i axios --save

2.在src下创建api文件夹,在api文件夹下创建http.js(前提安装mint-ui)

import axios from 'axios'
const { Indicator } =require('mint-ui')
// axios.defaults.baseURL = 'http://139.196.20.27:8882/appBiz'
axios.defaults.baseURL = 'http://www.luweicheng.com:8882/njBiz'
// axios.defaults.baseURL = 'http://192.168.4.121:80'

axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

export default {
  install: function (Vue) {
    Vue.prototype.$post = params => {
	  Indicator.open("加载中...");
      return new Promise((resolve, reject) => {
        axios.post("/CallMethod", params)
          .then(response => {
			Indicator.close()
            resolve(response.data);
          })
          .catch(err => {
			Indicator.close()
            reject(err);
          })
      })
    }
  }
}

3.main.js

import http from './api/http'
Vue.use(http)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值