Vue 页面和js文件中直接利用接口url请求后台:this.$http.post、axios.post、Vue.http.post-程序员宅基地

技术标签: post  vue  js  http  vue.js  javascript  

做个记录用

使用场景:统一写在api.js文件中的接口,全局都可以调用,但是统一经过了请求拦截处理加了身份识别的token,和判断身份信息失效码值的请求响应拦截。有些接口不需要加token,所以只能在页面或js文件中直接使用接口的url来请求后台。 以下都按post 来举例

vue页面中:

(1) this.$http.post

(a) 需要安装并引入 vue-resource  

npm install vue-resource --save

(b) 并在main.js中引入声明:

import VueResource from 'vue-resource';

Vue.use(VueResource);

(c) .vue文件中使用:

注意,经过实践发现 vue-resource版本不同,写法也有些不同,否则不会发出请求。

   // vue-resource 版本不同   格式也不同否则无法发送信息   
   //  1.5.1 版本
 test(){
   // request 为请求参数
    this.$http.post(
     '/openapi/loan/data/queryData',
     request,
     headers:{authorization: "xxxx"}).then(res=>{})
 }



   //   1.5.2 版本
      test(){
      this.$refs.msgForm.validate(v => {
             this.$http({   
              // url两种写法都可以
              // url: '/gateway/oauth/server/api/xxx',
              url:"https://xxx/gateway/oauth/server/xxx",
              method: 'post',
              param,
              headers: {
                authorization: "xxxx"
              }
            }).then((res)=>{

          })
        
      });

    },

(2)axios.post

(a)  需要安装并引入 axios

       npm install axios

(b)  在需要使用的.vue页面中引入

       import axios from 'axios'

//  url 可以写具体的也可以单写接口路径
axios.post('接口地址/user',{ 
headers:{authoratun:token},
params:{id:1234}   
 })
.then((res)=>{
})
.catch(error=>{…})

(3)Vue.http.post

Vue默认安装,应该不需要重新安装的,在要使用的.js文件中引入

import Vue from 'vue'

     Vue.http.post('/gateway/xxx/server/xxx',params,
                {
                    headers: {
                        authoratun: "xxxx"
                    }
                  }
                )
                .then(res => {}).catch(err => {});

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_27312237/article/details/122256185

智能推荐

【264】 Windows 批处理(CMD)-程序员宅基地

文章浏览阅读227次。参考:Windows Commands 微软官方帮助参考:DOS命令自学小窍门:巧用help命令参考:bat批处理的注释语句  打开文件夹:start D:\abc打开D盘abc文件夹  打开exe文件:D:\Windows-Linux\putty.exeputty.exe【在同一个文件夹内】  输出空行:echo.参考:批处理 ..._windows gp批处理

数据分析和数据开发的区别_de 数据开发-程序员宅基地

文章浏览阅读4.6k次,点赞5次,收藏10次。数据分析(DA)和数据开发/数据仓库工程师(DE)究竟有什么区别,工作职责和工作内容上的差异是什么?一般都知道,数仓偏开发,主要是技术层面的工作,负责ETL、数仓、分布式计算、大数据运维等。数分偏业务,通过分析数据、建模、搭建指标体系,找出规律,给业务赋能。数仓同学日常负责一个业务整个数据体系的构建,也就是传说中的“数据仓库”。这个仓库中既有最底层的明细数据表,也有一层一层做过计算和组合的聚合数据表。数据分析师在日常工作中,经常会使用各种聚合表做一些简单的可视化或更复杂的分析,来监控业务的核心指标或者_de 数据开发

进程_进程的执行主体是处理器?-程序员宅基地

文章浏览阅读237次。本章知识点参考机械工业出版社操作系统概念第三章进程进程的基本概念:在讨论操作系统时:有个问题是关于如何称呼所有的CPU活动,在批处理系统中使用作业来表示 而在分时系统中使用用户程序(user program)或者任务(task)来表示。在当用户操作系统中用户也能同时运行多个程序比如文字处理程序,网页浏览,或者邮件收发程序。即使用户一次只能执行一个应用程序,而操作系统本身也需要程序去支持自身的行动,比如是内存管理等等,所有这些操作的活动称之为进程。什么是进程?关于什么是进程这个问题或许我们会认为._进程的执行主体是处理器?

springBoot JWT工具类_spring中解析jwt的工具类-程序员宅基地

文章浏览阅读2.9k次。@Configuration@ConfigurationProperties(prefix = "jwt.token")public class JwtTokenUtil { public static void setSecret(String secret) { JwtTokenUtil.secret = secret; } public static void setExpiration(int expiration) { JwtToken_spring中解析jwt的工具类

java中的常用工具类_java常用工具类-程序员宅基地

文章浏览阅读1.3k次,点赞5次,收藏10次。java中常用的工具类总结_java常用工具类

使用Lasso回归进行关键特征提取_r语言lasso回归提取关键特征-程序员宅基地

文章浏览阅读227次。在本文中,我们使用R语言中的glmnet包演示了如何使用Lasso回归进行关键特征提取的步骤。通过查看模型选择的关键特征,我们可以确定哪些特征对目标变量的预测最具有重要性。最后,我们使用选择的关键特征进行预测,并计算了模型在测试集上的均方误差。Lasso回归是一种常用的特征选择方法,可以帮助我们从给定的特征集中提取出最具预测能力的关键特征。通过以上步骤,我们成功地使用Lasso回归进行了关键特征提取,并评估了模型在测试集上的性能。最后,我们可以使用选择的关键特征来进行预测,并评估模型在测试集上的性能。_r语言lasso回归提取关键特征

随便推点

element-ui滚动组件关闭下拉菜单的问题总结_element下拉框禁止下拉-程序员宅基地

文章浏览阅读2.6k次。element-ui滚动组件关闭下拉菜单的问题一、问题说明目前前端项目中有一个现象是在一个弹窗或者页面中,滚动鼠标内容跟随滚动,打开的下拉菜单也跟随滚动,超出部分显示很不合理,测试同事提过相关问题的bug单,但因为时间问题只是修改了单个页面,这个问题属于全局性问题,所以这次把整改的思路整理一下:先看图二:描述问题由于下拉菜单包含(s-select-dropdown、s-time-pane1、s-picker-pane1、下拉菜单、自定义的下拉等),含有默认层级z-index,高出s-dialog的_element下拉框禁止下拉

人工智能AI:TensorFlow Keras PyTorch MXNet PaddlePaddle 深度学习实战 part2_python深度学习:基于tensorflow和keras的计算机视觉项目实战-程序员宅基地

文章浏览阅读1k次。日萌社大数据、AI、python、C++学习资源链接:https://pan.baidu.com/s/1rXzERBEhVr08mEeKln8oqQ提取码:0t54链接:https://pan.baidu.com/s/1BkGfhuejd2JZznvJHaRiow提取码:am12tensorflow 2.0 深度学习(第一部分 part1)tensorflow 2.0 深度学习(第一部分 part2)tensorflow 2.0 深度学习(第一部分 part3)t..._python深度学习:基于tensorflow和keras的计算机视觉项目实战

java案例RSA分段加密解密,签名验签,公钥加密私钥解密,私钥加密公钥解密,解密乱码怎么解决_java rsa 公钥加密字符串私钥无法解密-程序员宅基地

文章浏览阅读1.3k次。java案例RSA分段加密解密,签名验签,公钥加密私钥解密,私钥加密公钥解密,解密乱码怎么解决_java rsa 公钥加密字符串私钥无法解密

常见的 Kerberos 错误消息_kadmin: communication failure with server while in-程序员宅基地

文章浏览阅读1.1w次,点赞2次,收藏10次。http://docs.oracle.com/cd/E19253-01/819-7061/trouble-6/index.html列出了 Kerberos 命令、Kerberos 守护进程、PAM 框架、GSS 接口、NFS 服务和 Kerberos 库的常见错误消息All authentication systems disabled; connection refused _kadmin: communication failure with server while initializing kadmin interfac

简单、实用、友好的xml文件格式错误检查方法-程序员宅基地

文章浏览阅读5.1k次。在使用python合并xml文件的时候,一直报格式有问题,检查了好多遍都没有检查到问题python报错:xml.etree.ElementTree.ParseError: mismatched tag: line 1382, column 14问题原因:xml格式真的有问题,但看着这个提示,再看自己的内容,怎么都看不出问题(自己写的东西,认同感太高……)解决方法:把这个xml文件用除IE外的浏览器打开,亲测谷歌、edge都会提示错误的具体位置坑:把这个xml文件用浏览器打开,如果

uniapp如何应用onNeedPrivacyAuthorization实现微信小程序隐私政策-程序员宅基地

文章浏览阅读6.3k次。微信小程序要求9.15日前实现隐私政策弹窗,但是uniapp文档一直没有更新,尝试直接使用,是可以生效的。_onneedprivacyauthorization

推荐文章

热门文章

相关标签