首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue 安装 axios 以及封装

Vue 安装 axios 以及封装

作者头像
多凡
发布2019-11-01 09:08:40
1.1K0
发布2019-11-01 09:08:40
举报
文章被收录于专栏:sringbootsringboot

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/weixin_44580977/article/details/100883544

首先用webpack安装 npm install --save axios 安装完毕后配置 新建一个http。js

import Vue from 'vue'
import axios from 'axios'
// import config from './config'

axios.defaults.baseURL = "http://localhost:8000"
axios.defaults.timeout = 2000; // 设置axios的请求时间

// axios.interceptors.request.use(function (config) {
//   // console.log(config);
//   return config;
// })

axios.loadData = async function (url) {
  const resp = await axios.get(url);
  return resp.data;
}

Vue.prototype.$http = axios;// 将axios添加到 Vue的原型,这样一切vue实例都可以使用该对象

最后记得在main.js入口里面注册

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';
import VueRouter from '../node_modules/vue-router/dist/vue-router'
import routerConfig from './router.config'
import './http';

Vue.use(VueRouter)

const router=new VueRouter(routerConfig)

Vue.config.productionTip = false

new Vue({
  vuetify,
  router,
  render: h => h(App)
}).$mount('#app')
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档