vue实现配置全局访问路径头(axios)

 更新时间:2019年11月01日 11:26:05   作者:吕小胖纸  
今天小编就为大家分享一篇vue实现配置全局访问路径头(axios),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在vue中用axios发送请求的时候总是:

axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})

配置全局的url:

1.安装axios:npm install axios --save-dev

2.main.js:

import axios from “axios”
axios.defaults.baseURL = “http://localhost:3000/users/”; // 关键步骤–填写后台请求统一的地址
axios.defaults.headers.post[‘Content-Type'] = ‘application/x-www-form-urlencoded';
Vue.config.productionTip = false;
Vue.prototype.$addr = axios;

3.访问:

此时再访问的时候就会自带请求头了:

this.$addr.get(“userInfo”,{params:{xx:xxx}});

以上这篇vue实现配置全局访问路径头(axios)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue移动端使用appClound拉起支付宝支付的实现方法

    vue移动端使用appClound拉起支付宝支付的实现方法

    这篇文章主要介绍了vue移动端使用appClound拉起支付宝支付的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • Vue项目路由刷新的实现代码

    Vue项目路由刷新的实现代码

    这篇文章主要介绍了Vue项目路由刷新的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • Vue+elementUI下拉框自定义颜色选择器方式

    Vue+elementUI下拉框自定义颜色选择器方式

    这篇文章主要介绍了Vue+elementUI下拉框自定义颜色选择器方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • vue.js项目nginx部署教程

    vue.js项目nginx部署教程

    nginx是一个高性能的HTTP和反向代理服务器。这篇文章主要介绍了vue.js项目nginx部署,需要的朋友可以参考下
    2018-04-04
  • 基于vue开发的在线付费课程应用过程

    基于vue开发的在线付费课程应用过程

    这篇文章主要介绍了基于vue开发的在线付费课程应用过程,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-01-01
  • vue项目移动端实现ip输入框问题

    vue项目移动端实现ip输入框问题

    这篇文章主要介绍了vue项目移动端实现ip输入框问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • VUE2响应式原理使用Object.defineProperty缺点

    VUE2响应式原理使用Object.defineProperty缺点

    这篇文章主要为大家介绍了VUE2响应式原理使用Object.defineProperty缺点示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • vue3 setup的使用和原理实例详解

    vue3 setup的使用和原理实例详解

    这篇文章主要介绍了vue3的setup的使用和原理,结合实例形式详细分析了vue3 setup的基本功能、原理与使用方法,需要的朋友可以参考下
    2023-06-06
  • 初探Vue3.0 中的一大亮点Proxy的使用

    初探Vue3.0 中的一大亮点Proxy的使用

    这篇文章主要介绍了初探Vue3.0 中的一大亮点Proxy的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • vue组件中节流函数的失效的原因和解决方法

    vue组件中节流函数的失效的原因和解决方法

    这篇文章主要介绍了vue组件中节流函数的失效和解决方法,帮助大家更好的理解和学习vue框架,感兴趣的朋友可以了解下
    2020-12-12

最新评论