当前位置:   article > 正文

axios在vue中的使用-axios参数配置_vue axios 参数

vue axios 参数
  1. axios.create({
  2. baseURL:'http://localhost:8080', // 请求的域名,基本地址
  3. timeout:1000, // 请求超时时长(ms)
  4. url:'/data.json', //请求路径
  5. method:'get,post,put,patch,delete', // 请求方法
  6. headers:{
  7. token:''
  8. }, // 请求头
  9. params:{}, //请求参数拼接在url上
  10. data:{}, //请求参数放在请求体
  11. })
  12. // 1.axios全局配置
  13. axios.defaults.timeout =1000
  14. axios.defaults.baseURL = 'http://localhost:8080'
  15. // 2.axios实例配置
  16. let instance = axios.create()
  17. instance.defaults.timeout = 3000
  18. // 3.axios请求配置
  19. instance.get('/data.json',{
  20. timeout:5000
  21. })

优先级别3 2 1

实际开发

  1. // 实际开发
  2. // 有两种请求接口:
  3. // http:localhost:9090
  4. // http:localhost:9091
  5. let instance = axios.create({
  6. baseURL:'http:localhost:9090',
  7. timeout:1000
  8. })
  9. let instance1 = axios.create({
  10. baseURL:'http:localhost:9091',
  11. timeout:3000
  12. })
  13. // baseUrl,timeout,url,method,params
  14. instance.get('/contactList',{
  15. params:{}
  16. }).then((res)=>{
  17. console.log(res)
  18. })
  19. 自己设置参数
  20. // baseUrl ,timeout:5000,method,url
  21. instance1.get('/orderList',{
  22. timeout:5000
  23. }).then(res=>{
  24. console.log(res)
  25. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/815121
推荐阅读
相关标签
  

闽ICP备14008679号