在vue中使用vue-reosure请求外网的传感器接口,一直请求成功拿不到数据,希望大佬教我下!!!

场景:网页中要调外部传感器的数据.老大给了我一个外网的接口,让我自己去调.我自己也测了这个接口没问题,是有数据的

图片说明

但我自己调这个接口,却一直显示连接成功,但没有数据返回来.

图片说明

我问后端,什么原因.他说我没有给请求头传参,说让我在请求头里传参,像图里面一样传个appId

图片说明

可我在代码里写了啊,但在上上张图里,请求头并没有什么变化啊.下面是我写的代码

图片说明

控制台一直报这个错误

图片说明

请问大佬们,我到底是哪里写错了啊,我该如何解决这个问题,请教一下我这个菜鸟!!!

4个回答

要确认server端允许你的地址跨域访问。
从你的截图看,server端是http://47.101.158.124:10000
在这个端口上提供服务的程序要允许你的客户端地址跨域访问才行。
不光是POST,还有OPTIONS,都要在服务器端被允许才行。

xiaomad
xiaomad 回复fangBlood: 因为你拿工具直接测时发出的请求是独立的,而不是在一个浏览器网站返回的页面里,不存在跨域。 跨域其实是浏览器出于安全考虑进行的限制。
9 个月之前 回复
fangBlood
fangBlood 那为什么 我自己测的时候是拿到数据的,写在代码里就不行了
9 个月之前 回复

看你的报错信息,就是跨域了。
再者,Vue2.0就不再对vue-resource更新,而是推荐使用axios。
利用axios可以试着解决你的问题。

axios.post(urlString, 
    {
        data: data,
    },
    {
        headers: {
            'Authorization': 'Bearer ' + token,
            "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
        }
    }
)
.then(res => fn)
.catch(e => fn)

fangBlood
fangBlood 好的,我来试试
9 个月之前 回复

让你后端管理人员设置下白名单就可以了

赶紧像是后台没有夹@ResponseBody

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
$.ajax请求在html页面拿不到数据
最近搭了一个SSM框架,但是前台页面是html,所以不能用jsp的那套标签去取数据,但是数据可以拿到,却怎么也显示不到页面上,经一个大神指点在$.ajax中加入了这样一行代码,问题完美解决。 var retData = eval("(" + data + ")"); 以上代码表示将拿到的数据转换成json对象的格式,然后就可以.来获取想要的数据了。(但是有时不加这
vue请求接口第一次成功,第二次失败
使用vue去请求接口发现问题来了: 我请求只能请求一次,然后在按按钮去请求的时候发现 502(这个是接口定义的)502就是传了空的值过来 这个是其中一种情况,还有别的情况 你看了 大可试试我这样的办法 然后发现我前端代码没有问题,接口代码也没有问题 data() { return { form: { old_password: '',
vue中使用axios请求接口,请求会发送两次
vue中使用axios请求接口,请求会发送两次的问题 浏览器分为简单请求以及非简单请求: 解决方案: 跨域请求需要先发一次Option预请求,OPTIONS是检验是否允许跨域的,如果不希望OPTIONS请求, 直接让后端遇到option直接返回就可以了,前端可不做处理。...
vue请求后台接口
vue不支持直接发送AJAX请求,需要使用vue-resource、axios等插件实现。 一.使用axios发送AJAX请求: 1.安装axios并引入: 1)npm install axios -S (直接下载axios组件,下载完毕后axios.js就存放在node_modules\axios\dist中),首先在 main.js 中引入 axios:在此文件加入import axio...
Vue中使用axios.post请求传参后端拿不到值问题
问题一 前端代码 后端代码 这样传值可以看到浏览器是以JSON格式传值,但是后端是拿不到值的拿到的值位null 所以可以在方法中加入@requestBody注解如: 但是拿到的值并不是想象的那样,前端是将数据打包成Json格式,所以这样写拿不到相应的值,只有将name 和password打包成一个对象,所以用@RequestBody不适合传单个值,更适合传一个对象 当你想传多个值如: 就需要...
vue 接口请求 数据展示 --小丑
有图有真相 1 点击事件 <div class="check-item"> <input type="radio" name="material_setkeyword_type" id="material_setkeyword_text" value="text" class="regular-radio" v-model="checkedvalue" v-on:cli...
vue 请求后台数据
需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中加入import VueResource from 'vue-resource' Vue.use(VueResource);在package.json文件中加入 "dependencies": { "vue": "^2.2.6", "vue-re
vue请求本地数据
1、创建json文件 建议在static文件夹下创建 2、在需要请求的页面引入json文件 3、下载请求数据模块儿,可以根据情况选择 这里我用axios模块儿 4、到config文件夹下的index.js文件里配置Api proxyTable: { '/api': { // 生产环境地址 // tar...
vue请求后台数据
一,使用axios发送请求 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 1安装 :$ npm install axios 2,请求界面引入impor...
vue中使用axios的请求
axios 使用方式
解决Ajax请求后台Servlet接口拿不到返回数据问题
$.ajax( { type: 'POST', url: url, data: { serialid: data,}, dataType:"text", success: function (data) { alert(data); if(data!=null){ bool = tr...
ajax post请求data拿不到数据怎么办
rn如图,拿不到数据,请问怎么改![图片说明](https://img-ask.csdn.net/upload/201907/04/1562207894_637406.png)![图片说明](https://img-ask.csdn.net/upload/201907/04/1562207904_494165.png)![图片说明](https://img-ask.csdn.net/upload/201907/04/1562207917_32578.png)rnrnrnrnrnrn
vue项目中请求接口的使用
Vue.js的插件提供了使用XMLHttpRequest或JSONP 发出Web请求和处理响应的服务。 特征 支持Promise API和URI模板 支持请求和响应的拦截器 支持最新的Firefox,Chrome,Safari,Opera和IE9 + 支持Vue 1.0和Vue 2.0 紧凑的大小14KB(压缩5.3KB) 安装 您可以通过纱线或NPM进行安装。(我的项目使用npm...
vue 请求接口示例 --小丑
<template> <div class="hello"> <div> {{title}} </div> <hr> <button @click="convert">点击获取数据</button> </div> </template> ...
vue请求后台接口跨域问题
在vue项目中通过axios请求后台接口,出现跨域问题。我的解决方法如下。 在config/index.js中有个 “ proxyTable:{ } “ ,在里面添加代理规则如下: target: ‘http://’+接口的域名 secure: false, // 如果是https接口,需要配置这个参数 changeOrigin:true,// 如果接口跨域,需要进行这个参数配置 注意: ‘...
请求接口-mock数据
<p style="font-size:16px;">n 本课程从react入门到项目实战内容,其中包括课程有:n</p>n<p style="font-size:16px;">n 1》react环境安装n</p>n<p style="font-size:16px;">n 2》react基础语法(jsx语法,组件,通信等)n</p>n<p style="font-size:16px;">n 3》react高级进阶(生命周期,请求接口,路由)n</p>n<p style="font-size:16px;">n 4》react状态管理n</p>n<p style="font-size:16px;">n 5》项目实战n</p>
curl 请求接口数据
CURL 操作初始化指定的接口地址需要用户和密码鉴权,需要头部传递信息对认证证书来源的检查 和 从证书中检查SSL加密算法是否存在模拟用户使用的浏览器设置header表示需要response body要求结果为字符串且输出到屏幕上post提交方式添加头,在name和pass处填写对应账号密码(需要用户鉴权,否则不要添加)传递数据,这里的$dataJson是json格式运行curl,活得结果 初...
Vue请求使用axios
安装 axios  npm install --save axios 配置 axios      调用方法里写: //请求的url 地址 const url = 'http://192.168.123.130:8085/account/message/send' //使用URLSerchParms来处理参数,URLSerchParams的兼容性较差,注意:(可使用babel来转换)...
vue中ajax请求
$.post(&quot;http://localhost:3000/go2&quot;,{money:that.money,time:that.time, name:that.name,num:that.num,zhi:that.zhi,city:that.city,xin:that.xin,shou:that.shou },function(data...
vue中http请求
前后端采用异步接口进行数据交互,传统情况下,我们采用jquery中的$.ajax()方法来进行异步请求。而在vue中我们并没有引入jquery而是采用了vue的插件vue-resource,它同样对异步请求进行了封装,方便我们同服务端进行数据交互。1、引用及使用cnpm install vue-resource --save-dev 在项目根目录下/src/main.js中:import VueR...
Vue中Ajax请求
前端页面上的数据,大部分都不会是静态的,而是来自于服务器,正是因为这样,所以前端也变得强大起来,那么在Vue中怎么使用Ajax请求呢? Vue本身不支持ajax请求,需要使用“axios”的第三方插件(2.0),axios是基于promise的http请求客户端,用来发送请求,是Vue2.0推荐使用的,同时不再对vue-resource进行更新和维护。也可以使用vue-resource进行跨域请
vue项目使用axios请求后端数据
在项目中使用到的向后端请求和提交数据的方式,axios请求; 在使用axios时,需要先安装axios npm install axios 安装完成后在main.js中引入 import axios from 'axios' //为了使用方便在定义为全局方法 vue.prototype.$http=axios 完成后在vue文件中直接使用(在此使用get请求) 无参数请求: t...
请求 - Vue
针对请求进行了简易处理,初识 Vue 还望大家多多指教 :) 其中引用的 Toast 是一个基于 Vant 的组件,用于 loading 和提示语。 import axios from "axios"; import {Toast} from "vant"; export default { GetHttpRequestDataWithDefault(url, isFlag, i...
请求大佬解惑
接收激光雷雷达数据并进⾏行行解析,使⽤用 ROS 中的 Rviz 可视化插件实时处理理可视化激光雷雷达点云数据,取雷雷达数据,可视化雷雷达点云数据,以 png 格式保存结果。 ...
Vue 模拟请求后台数据
Vue 项目开发过程中,在没有后端支持的情况下,如何模拟请求后台数据呢? 可以在根目录 /static 目录下新建 mock 文件夹,在 mock 文件夹下创建 json 文件来存放模拟数据,例如: index.json 内容如下: //注意:json 文件里不要加注释,否则无法正常解析 { &amp;amp;amp;quot;ret&amp;amp;amp;quot;: true, // 服务器正常响应了请求,可以正确返回数据 &amp;amp;amp;quot;data&amp;amp;amp
vue开发请求本地数据
1.新建一个与index同级的db.json文件,里面放入假数据 2.在入口main.js中添加 import VueResource from 'vue-resource' Vue.use(VueResource) 3.分别在webpack.dev.conf.js中的const portfinder = require('portfinder')后面和Devserver后面添加‘---...
使用java请求json接口数据
使用Java获取制定接口的数据,使用了httpserverletrequest类。
retrofit网络请求失败,postman接口请求成功,项目请求失败
需添加head参数 如: headers.put("Accept-Language", "zh-CN,zh;q=0.8"); headers.put("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*"); headers.put("Connection", "Keep-Alive"); ...
vue中几种请求服务端数据的方法
一、axios 二、vue-resource 1、传统写法 2、其他请求方式,如put,jsonp, get, post, delete等等。 由于vue 2.0已停止对vue-resource的支持,所以还是推荐使用axios来和后台进行通信。 有一篇文章很全,可以参考 http://www.cnblogs.com/chenhuichao/p/9261645.html ...
请求接口
各位大侠 谁给我写几行简单的调用对方的接口的代码 是有返回值的 比如接口是,rul=http"//sfsd.fe.edf/.com"rnrn是用webrequest 还是用socket呢 那个比较好点
php请求外网的方法
#访问外网 get function curl($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL,$url); curl_setopt($ch, CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER,0); cur...
angular HttpClient请求接口数据
1.在app.module.ts引入模块 import { HttpClientModule, HttpClientJsonpModule} from '@angular/common/http'; //引入 HttpClientModule, 如果需要用jsonp,就引入HttpClientJsonpModule @NgModule({ declarations: [ App...
POST和GET请求接口数据
//GET请求 public function httpGet($url) { $curl = curl_init(); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_TIMEOUT, 500); curl_se...
JAVA http请求接口数据
本次以访问百度地图服务API 为例   编写访问程序  一、解析url 方法  把返回数据 封装成StringBuffer 字符串 public static StringBuffer httpsRequest(String requestUrl, String requestMethod, String output) throws IOException,
一直纳闷中,请求帮助
在jsf编程中, 一个页面绑定某个bean,我在bean中set一个属性时,为什么自动触发该属性的get方法??rn比如:rnpublic Class A()rn......rnrnthis.setScript(" ");rnrn.....rnrn为什么在前台马上自动弹出:注册成功 rn
HTTP请求接口返回数据
直接上代码 public String getHttpInterface(String path){ BufferedReader in = null; StringBuffer result = null; try { URL url = new URL(path); //打开和url之间的连接 ...
前端请求node接口数据
1.aa.vueimport axios from 'axios' axios.get(&quot;/goods&quot;).then((response)=&amp;gt;{ let res=response.data; if(res.status==&quot;0&quot;){ this.goodsList=res.result; }else{ this.goodsList=[] } })2....
首页-请求接口渲染数据
本课程主要讲解以下内容:rn本课程为vue-cli3.2.1的版本,从入门的零基础到进阶再到案例贯穿始终,本课程对应提供学习资料供大家下载查看,涵盖知识点有:rn1》vue基本语法(模板语法、计算属性)rn2》指令rn3》组件的操作(通信)rn4》路由rn5》生命周期rn6》vue插件的使用rn7》vuex的使用
vue请求axio的使用详解
vue请求axio的使用详解 安装 npm install axios 创建axios实例 import axios from 'axios' //判断是否是本地开发环境,这样上线就不用更改,不了解,可以直接写 const host = const host = process.env.NODE_ENV === "development"? "模拟地址" : "真实地址" const ...
php中curl请求https接口数据
在网上的案例中,curl的普遍写法如下 $curl = curl_init(); curl_setopt($curl,CURLOPT_URL,'http://127.0.0.1'); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);//设置直接显示数据,浏览器直接显示,不解析数据 $data=curl_exec($curl); curl_close(...
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件