element-ui中axios和qs申明全局

B173756

已于 2022-03-11 15:22:54 修改

阅读量1.8k

点赞数

文章标签： vue.js

于 2022-03-11 15:11:47 首次发布

本文链接：https://blog.csdn.net/B173756/article/details/123425545

版权

在main.js中设置声明

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import axios from 'axios'
import qs from 'qs'
// import axios from 'axios'
import VueAxios from 'vue-axios'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './data/jquery-3.4.1.min.js'

//方式一
Vue.use(VueAxios,axios)
// Vue.use(qs)  //xxxxx 不能使用

//方式二
Vue.prototype.qs = qs
// Vue.prototype.a = axios
// Vue.prototype.VueA = VueAxios
Vue.use(ElementUI)
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

vue组件内的使用

//this.axios 调用 axios
// this.qs 中 qs 与 main声明的名字对应
this.axios.post('http://localhost:8091/upfile', this.qs.stringify(formData))
        .then(function (response) {
          console.log(response.data.data)
          _this.img = 'http://localhost:8091/' + response.data.data
          _this.param.img = response.data.data
        }, function (err) {

        })