前端小白fetch https请求失败如何解决 10C

用react写了个登录的测试

 fetch('https://180.101.147.89:8743/iocm/app/sec/v1.1.0/login', {
        method: 'POST',
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: 'appId=********&secret=*******'//账号是可用的
    }).then( res => res.json() ).then( res => {
        console.log(res.toString());
        alert('恭喜您注册成功了');
    }).catch(function (err) {
        console.log(err);
    });

            Login.js:33 POST https://180.101.147.89:8743/iocm/app/sec/v1.1.0/login net::ERR_BAD_SSL_CLIENT_AUTH_CERT

在localhost:443调试返回显示的错误是net::ERR_BAD_SSL_CLIENT_AUTH_CERT
TypeError: Failed to fetch

换了个http的是可以的
该怎么导入证书

0

4个回答

你可以通过后端构建一个ssl证书 例如:可参考java 的httpClient https

0
jdk1129
jdk1129 是前后端分离的
大约一年之前 回复
jdk1129
jdk1129 证书是指服务器的证书吗?只能装在后端不能装在前端?他的后台在哪里?(原谅我真的第一次接触这些)
大约一年之前 回复

证书安装问题,具体的结合你的系统、程序(如Apache、IIS、nginx等),百度安装方法即可

0
kniferpg
kniferpg 回复jdk1129: 只能装在后端服务器上,让服务器支持ssl协议,不是在前端的
大约一年之前 回复
jdk1129
jdk1129 证书是指服务器证书吗?只能装在后端不能装在前端?他的后台在哪里?
大约一年之前 回复

在开发的时候应该不会因为证书问题出现fetch失败,看你的后台代码写对了没,后台路由地址,还有响应

0
jdk1129
jdk1129 是前后端分离的
大约一年之前 回复
jdk1129
jdk1129 请问能具体点讲解一下吗(我真的和无头苍蝇一样)我这个api是电信提供的,也给了它的证书
大约一年之前 回复

这个应该是后台请求设置问题

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
react native 使用fetch进行网络请求(https),解决SSLHandshake问题,以及怎样进行二次封装
react native 使用fetch进行网络请求(https 问题SSLHandshake,解决办法) 使用实例demo 怎样进行封装 常见问题(超时设置、无效的ssl证书、header…) fetch原理讲解 使用实例1.使用get方式进行网络请求,例如:fetch('http://nero-zou.com/test', { method: 'GET' }).then(function(respo
Node-Fetch设置http/https代理发送请求示例
最近喜欢用Nodejs(node-fetch+cheerio)来写简单的爬虫。这几天在爬视频的的时候发现有几个视频网站做了ip限制,就是在一段时间内访问次数过多,就提示我过一会儿才能访问。所以就研究了下Node-Fetch的代理请求来解决。这里就简单的告诉告诉大家如何设置Node-Fetch的http/https代理。 先分享一些资源 免...
前端在https请求的安全配置问题
使用HTTPS已经是当今保护信息在传输过程中不被泄露的标准配置了。然而事情并没有这么简单,即使是服务器端开启了HTTPS,也还是存在安全隐患,黑客可以利用SSL Stripping这种攻击手段,强制让HTTPS降级回HTTP,从而继续进行中间人攻击。 问题的本质在于浏览器发出去第一次请求就被攻击者拦截了下来并做了修改,根本不给浏览器和服务器进行HTTPS通信的机会。大致过程如下,用户在浏览器
html自带的fetch 异步请求 api
最简单的fetchAPI调用如下: fetch('https://api.github.com/users/chriscoyier/repos') .then(response => response.json()) .then(data => { // data就是我们请求的数据 console.log(data) }); fetch兼容性问题:可以...
前端利用原生fetch模拟请求接口
#模拟请求接口 Get // fetch(url,method,headers) 浏览器都支持 第一个参数是url 第二个是方法 第三个是头部信息(用户的令牌,没有不用写) fetch('http://uat.mg.kme.com/navigate/view?rminalId=999173249906806784&pcType=1', { method: 'get', ...
vue前后端分离 使用fetch 跨域请求时 session失效问题解决
前台是vue使用fetch请求后台的登录方法,但是前台浏览器的控制台中的sessionid没有,要么就是跟后台的sessionid不一致,导致后台取验证码的时候是null,因为验证码是后台存在session中   在用fetch进行网络请求的时候,发现每次请求到服务端的时候,他的sessionId 都是不一样的,后面排查原来是在请求的时候fetch默认是不会带上本地jsessionId,以至
使用fetch轻松解决JS跨域请求问题——无需CORS,jsonp
fetch(url, {         method: "POST",   mode: "no-cors",   headers: {     "Content-Type": "application/x-www-form-urlencoded"   },   body: "请求参数"         }).then(function(res) {  console.log("R
fetch跨域请求
当使用fetch 发起跨域请求时,CORS(跨域资源共享Cross-origin resource sharing)请求fetch const body = {name:"Good boy"}; fetch("http://localhost:8000/API",{ headers:{ 'content-type':'application/json' } ...
react native 执行fetch在安卓没问题,ios上却提示网络请求失败?
在ios模拟器上运行结果就是这样的, 看到这个问题有时候会有很多种原因, 1.iOS 强制要求使用 https,如果你请求的接口是 http协议就会出错,临时解决办法是在 Info.plist 里面加上:NSAppTransportSecurity NSAllowsArbitraryLoads 或是在下面的配置中进行设置:
关于fetch 跨域的问题
最近在拿react+dva-cli+antd做个项目练手,搭建完项目后发现在做请求的时候走的是fetch,用的时候在跨域请求的时候出现了不少问题。在网上查了一下解决办法,提供了一个在options mods:'no-cors'配置 发现确实可以请求成功了,但是会出现下面的情况 请求成功但是看不到返回数据,查了一下是设置no-cors本身的问题,他返回的response type是opaq
【前端库】fetch.js 网络请求
前言 fetch 是 window.fetch 的 JavaScript polyfill。全局 fetch 函数是 web 请求和处理响应的简单方式,不使用 XMLHttpRequest。这个 polyfill 编写的接近标准的 Fetch 规范。也就是说现在可以不使用ajax了,除非是兼容很低得浏览器。 该fetch()函数是一个基于Promise的机制,用于在浏览器中编程地制作Web请求...
vue前后端分离使用fetch 跨域请求时 session失效问题解决
前台是vue使用fetch请求后台的登录方法,但是前台浏览器的控制台中的sessionid没有,要么就是跟后台的sessionid不一致,导致后台取验证码的时候是null,因为验证码是后台存在session中   在用fetch进行网络请求的时候,发现每次请求到服务端的时候,他的sessionId 都是不一样的,后面排查原来是在请求的时候fetch默认是不会带上本地jsessionId,以至
跨域请求 fetch 实现
reference : [1].https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 1.CORS 的分类分为两大类:简单的请求;带有preflight预请求的CORS。两类请求的区分标准如下:简单请求某些请求不会触发 CORS 预检请求。本文称这样的请求为“简单请求”。若请求满足所有下述条件,则该请求可视为“简
Fetch的数据获取和发送以及异常处理
无论用JavaScript发送或获取信息,我们都会用到Ajax。Ajax不需要刷新页面就能发送和获取信息,能使网页实现异步更新。 几年前,初始化Ajax一般使用jQuery的ajax方法: $.ajax('some-url', { success: (data) => { /* do something with the data */ }, error: (err) =&gt...
Https请求验证工具类
Https请求验证工具类,解决javax.net.ssl.SSLHandshakeException验证失败的错误
java请求https接口证书验证问题
1,通过重新定义X509TrustManager证书管理器可以解决相关问题。 @Test public void testToken() throws KeyManagementException, NoSuchAlgorithmException{ String body = ""; //采用绕过验证的方式处理https请求 SSLContext ssl...
fetch 请求数据 以及 node 后端 post请求获取不到数据的记录
axios 用过之后就不想在用了所以就用了fetch 在使用fetch请求由node构建 的服务的时候     get 请求能沟通过req,query请求过来参数但是post不行   所以需要引用body-parmr   或者使用formidable来进行post数据的解析 import formidable from 'formidable'; import timeF
fetch各种报跨域错误,数据无法获取的解决方案
1、介绍     fetch 提供了一个获取资源的接口 (包括跨域)。     fetch 的核心主要包括:Request , Response , Header , Body     利用了请求的异步特性 --- 它是基于 promise 的   2、用法 var request = new Request('/users.json', { method: '...
fetch捕获重定向302/301
读完本文大约需要5分钟 本文前置知识:HTTP状态码、fetch 阅读难度:初级 本文关键代码及输出结果都写了出来,可以不用编译器编译,直接浏览文章 事情发生在昨天,在调用接口的时候,接口写错了: /xxx/interventionlist 写成了 /xxx/Interventionlist 果不其然红一片,点开network后,找到调用的接口 ⬇️ 这里的302是对404处理后的结果...
RN 的 fetch 组件网络请求
创建一个.js 文件import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity } from 'react-native';/* * 在 ReactNative 中,使用 fetch 实现网络请求. fetch
fetch添加超时时间
fetch添加超时时间 其实为fetch添加超时时间很简单,需要用到Promise.race()方法. Promise.race() 方法将多个Promise包装成一个新的Promise实例. var p = Promise.race([p1,p2,p3]); 上面的代码中,只要p1,p2,p3中有一个实例先改变状态,p的状态就跟着改变,而那个率先改变的Promise实例返回值就传递给...
前端技术整理之fetch
前言 The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used XMLHttpRequest, but the new API provides a more powerful an
webpack开发跨域问题解决
webpack 开发时跨域问题的解决1. 说明 webpack 内置了 http-proxy-middleware 可以解决 请求的 URL 代理的问题 2. API 需要代理的 pathname 要加 / module.exports = { devtool: 'cheap-module-source-map', entry: './app/js/index.js'
React Native 采用Fetch方式发送跨域POST请求
Fetch以后是趋势,势必要取代传统的Ajax,而且RN框架支持Fetch。下面仅做了一个跨域请求的例子,在本域请求是一样的,而且更简单一些。客户端环境用的是RN写的一个页面,也可以用浏览器的console控制台模拟。后端服务用的是NodeJs express框架。    1)Fetch请求 //发送Ajax请求 sendAjax(){ //POST方式,IP为本
《React-Native系列》31、 Fetch发送POST请求的坑与解决方案
我们在请求http接口时候,通常都会使用get和post的方式,针对表单提交这类的请求,我们通常采用post方式。那么在RN中的Fetch API中post提交有哪些坑呢?让我们撸起来。我们先来说说Server端的代码,通常我们从Request获取参数时的方法为:String paraValue = request.getParameter(paraName);我们下面说的判断能不能获取参数,就是
vue2项目,前端写请求拦截器和响应式拦截器
很可能进了个假互联网公司,遇到堆假后台,拦截器沦落到前端写。。。 import axios from 'axios' import vue from 'vue' import store from './../store/index' axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencode
fetch跨域实现及post传参问题
fetch跨域有两种方法: 1.前端jsonp跨域 2.后端设置cors跨域   首先,尝试了jsonp跨域,可以轻松成功连接上豆瓣API 引入包 fetch-jsonp   try{ const url = `https://api.douban.com/v2/book/search?q=${searchName}&count=20`; y...
ES6中fetch的post的前后端node传参的问题
ES6中fetch大有取代ajax的现象,fetch一般用法为fetch(url,option).then().catch(); 我们使用post方式传参时,一般在option中希望直接传json形式,可是后台node无法接收到数据;代码如下://前台代码 fetch(url , { method: 'POST', headers: {}, body:obj, //obj
springboot,后端如何获取fetch传来的数据
一、 我前端比较常用的是直接用formdata打包表单值向后端传值 request.getParameter(key)中key是表单中的name属性的值 也可以这样取值 二、 也可以直接用fetch的url传值 后台接收值也和普通的url请求一样 三、 如果含有文件的话 后台这样 注意,如果直接用fetch想要获取session的值的话,请在前端js的fetch中加入 crede...
fetch 函数传递参数与后台交互
介绍fetch函数:fetch( input [,init ]).then(function(response){ }) input定义要获取的资源。这可能是: 一个 USVString 字符串,包含要获取资源的 URL。一些浏览器会接受blob:和data:作为 schemes. 一个 Request 对象。 init可选: 一个配置项对象,包括所有对请求的设置。可选的参数有: ...
react-native网络请求Fetch中遇到的坑
1.没有网络超时时间字段 身为一个官方的网络请求工具居然没有网络请求超时的字段,这样是实在说不过去的。这给我们开发过程中带来了很多不必要的麻烦。比如,想做一个loading工具,可是不知道不知道什么时候是网络超时,什么时候网络异常,这个就尴尬了!解决方案: 1.js端来解决 使用fetch请求的时候通常返回的是一个promise对象,然后再去解析这个promise对象,才能得到的我们需要的
前端网络请求:Fetch
Fetch Fetch要解决的问题: 1.XMLHttpRequest 的API比较粗糙,不符合关注分离的原则,除浏览器的兼容性外,还饱受回调地狱的折磨。 2.jQuery实现的AJAX,兼容性和易用性方面有很大的改善,但是依然没有逃脱回调的折磨。   Fetch API 基于Promise设计,极大改善了回调问题,使用起来和jQuery一样的方便,且绝大多数浏览器都支持Fetch。 ...
fetch/springboot实现跨域访问
fetch端: let obj = {projectName:"xxx"} fetch("http://localhost:8095/config/project/add",{ method:'post', mode: 'cors', credentials: 'omit', headers:{'Content-type'...
前后端联调接入第三方接口之302游戏大作战的故事
业务背景:  接入第三方接口,获取用户名,实现用户登陆 接口采用Java编写,我们的平台前端业务使用React.js  后端采用PHP实现数据接口 业务流程:  前端向后端发请求,后端调用第三方接口,第三方接口实现跳转并跳转到登陆页面,登陆页面里面有一个回调地址,也就是登陆成功以后返回到调用该接口的地址。目标是返回到前端首页,并显示用户名。 302游戏大作战 关卡1 :由于r
fetch进行post请求为什么会首先发一个options 请求?
不仅仅是fetch,只要你满足以下几种情况,都会去发起一个 Preflighted requests,也就是options请求,参见上面链接。 It uses methods other than GET, HEAD or POST. Also, if POST is used to send request data with a Content-Type other than applic...
react中fetch之cors跨域请求
项目中使用了react,当中需要使用fetch来代替ajax。由于react的create_react_app工具很方便,基本上开箱即用,经过创建项目,输入npm start命令后,便自动监听一个3000的端口,到此前端部分就绪。 具体参考:https://github.com/facebookincubator/create-react-app后端部分我使用了phalcon。 由于前后端分离,
基于原生fetch封装一个带有拦截器功能的fetch,类似axios的拦截器
背景 为什么要给fetch增加拦截器?浏览器提供的fetch方法不够用吗? 是的。原生fetch确实不够用。 在项目中,如果想要在所有的网络请求之前往header中加入权限信息(比如:authorization=xxxx)。用原生fetch的话,你只能在每个fetch请求的时候,header配置中写上authorization=xxxx。或者在请求结果返回来之后,对响应结果做一些特殊处理,在原生f...
测试请求,报415的解决方法
在进行测试时,发现请求返回415 解决方法: 把headers中Content-Type写为application/json 然后这个post请求中的参数是要放到URL中去的,而不是放到body里 原因 Query String Parameters里面的参数要放到URL里,不能放到body里,不然服务器识别不出来。 问题解决 ...
(转)fetch的使用和跨域问题
1.)使用 https://blog.csdn.net/mjzhang1993/article/details/72833095 2.)跨域问题 let myHeaders = new Headers({ 'Access-Control-Allow-Origin':'*', "Content-Type":'text/p...
使用fetch下载文件
function consume(reader) { var getReader = reader.body.getReader(); var total = 0; let fscreateFile = fs.createWriteStream('./src/fetchmusic1.wav') return new Promise((re
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 小白如何学习大数据开发 小白如何学习区块链