Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >React应用程序使用错误的url打开新选项卡,使用的是https而不是https:

React应用程序使用错误的url打开新选项卡,使用的是https而不是https:
EN

Stack Overflow用户
提问于 2018-09-24 08:00:17
回答 1查看 465关注 0票数 0

我正在使用从react-router-dom包链接来使我的semantic-ui-react <Dropdown.Item>组件在新选项卡中打开一些url。首先,我的问题是,当我点击这个组件时,在新标签中,我想要转到的url被附加到我的本地主机路由上,我在SO:https://stackoverflow.com/a/47447458/5833816上找到了解决方案。它说我应该在我的网址前加上//,所以不是'https://someurl.com‘而是'//https://someurl.com

但是应用这个解决方案并没有完全起到作用。现在,在新的选项卡中,url没有附加到已经存在的本地主机url上,而不是用'https://someurl.com‘打开,而是打开了’http//omeurl.com‘-所以,没有:

以下是代码:组件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<Dropdown.Item
    as={Link}
    to={url} // url was 'https://someurl.com', now is '//https://someurl.com'
    target={newTab ? '_blank' : ''} // newTab's value is true
    replace={newTab}
    className='contextDropdownItem'
    onClick={onClick}
    disabled={disabled}
  >

当我单击此下拉菜单项时,浏览器将打开新选项卡,但url是http//omeurl.com,没有:

语义-ui-react版本: 0.81.1,react: 16.4.1,react-router-dom: 4.3.1

EN

回答 1

Stack Overflow用户

发布于 2018-10-01 21:46:14

React-router不支持外部链接。有关如何解决此问题的一些想法,请查看React-Router External link,但我倾向于使用标准<a href='...'>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52474936

复制
相关文章
cas 配置https改为ip而不是使用域名
cas注销时地址是https,提示Error is [java.security.cert.CertificateException: No subject alternative names present]
lovelife110
2021/01/14
1.5K0
为什么我们选择使用 React 而不是 Angular 构建新 UI
我们在2013年推出了Cloud Elements集成平台的v1版本,这个产品在过去几年里一直为客户和公司发展提供了良好的服务。但是2017年,Web技术迅速演变,从而使用户期望也进一步发展。现在是我们重新思考整个开发者流程的时候了,这也为我们重新思考我们的技术栈提供了一个机会。 在产品发布周期和发布期限的世界中,技术的选择至关重要。以下是我们一路走来的历程,帮助你揭开一些关于React的实用亮点。 我们来自哪里 在React之前,我们使用AngularJS,这可能是当时被选中的最流行的前端框架。 但是如
顶级程序员
2018/05/03
2.7K0
为什么我们选择使用 React 而不是 Angular 构建新 UI
为什么我们选择使用 React 而不是 Angular 构建新 UI
我们在2013年推出了Cloud Elements集成平台的v1版本,这个产品在过去几年里一直为客户和公司发展提供了良好的服务。但是2017年,Web技术迅速演变,从而使用户期望也进一步发展。现在是我们重新思考整个开发者流程的时候了,这也为我们重新思考我们的技术栈提供了一个机会。 在产品发布周期和发布期限的世界中,技术的选择至关重要。以下是我们一路走来的历程,帮助你揭开一些关于React的实用亮点。
疯狂的技术宅
2019/03/28
2.3K0
为什么我们选择使用 React 而不是 Angular 构建新 UI
全民 https!使用 FreeSSL 申请免费的 https 证书
到现在还不为你的网站添加 https 的话,浏览器已经会非常显眼地显示“不安全”了。
walterlv
2023/10/22
16.7K0
全民 https!使用 FreeSSL 申请免费的 https 证书
HTTPS站点使用WebSocket的错误及解决方案
第一个问题:在https站点下,使用ws://im.joshua317.com 报错,报错信息如下:
joshua317
2021/09/08
11.3K0
django使用https
http://www.voidcn.com/article/p-xxdfvetx-da.html
未来sky
2018/09/29
2.4K0
django使用https
为什么 url 通常使用域名而不是 IP 地址?
大家好,我是前端西瓜哥。今天来谈谈为什么我们的网址,通常是使用域名,而不是 IP 地址。
前端西瓜哥
2022/12/21
1.8K0
prefetch错误https
查看sra-tools版本是否最新版 可以重新安装最新版或建立新的环境安装最新,建议删除。
Y大宽
2019/06/17
3.3K0
使用 Charles 获取 https 的数据
我使用的 Charles 版本是 3.11.2,获取下载地址可自行百度,我下面要说的是使用 Charles 获取 https 的数据。
hrscy
2018/08/30
1.3K0
使用 Charles 获取 https 的数据
使用HTTPS协议的常见误区
随着当下企业网络信息安全意识的提升,以及Google等浏览器对使用HTTP协议页面增加风险提示,现在越来越多的网站开始部署安装SSL证书使用HTTPS协议。但对于HTTPS协议的使用,目前并没有全面普及开来,这也导致了部分大众对HTTPS协议产生了误解,只有把这些认识上的误区破除,才能让HTTPS协议发挥最大的效用。
JoySSL
2023/03/14
4490
使用HTTPS协议的常见误区
Localhost如何使用HTTPS?
在这篇文章中,关于localhost的说法对127.0.0.1和[::1]也是有效的,因为它们都描述了本地计算机地址,也叫 "回环地址"。另外,为了使事情简单,不指定端口号。因此,当你看到http://localhost时,请将其理解为http://localhost:{PORT}或 http://127.0.0.1:{PORT}。
智影Yodonicc
2022/04/24
12.7K0
Localhost如何使用HTTPS?
HTTPS是如何工作的
大家在浏览网页的时候一定有这样的体验,有一些网站在网址那里会显示一个绿色的挂锁,并且网址中“https”相关的字样也是绿色的,聪明的朋友肯定会问,这些颜色和符号代表什么意思呢?想想大家在上网的时候,经常要输入账号和密码,有时候网购还要输入信用卡信息,如果这些信息被偷了,后果是很严重的。是的,这个绿色的锁就是用来保护大家的信息不被黑客窃取。现在很多网站默认使用HTTPS来保护用户的信息,截止2018年4月,Alexa前100万的网站中,32.2%使用HTTPS作为默认设置,互联网最受欢迎的137971个网站中,57.1%使用了HTTPS;Firefox遥测数据显示,70%的网站使用了HTTPS。
大蟒传奇
2018/07/31
2.4K0
HTTPS是如何工作的
使用 HTTPS 部署你的站点势在必行
如果你有一个站点,或者近期你正在考虑部署自己的站点,那么你有必要考虑使用 HTTPS 来武装你的网站了。
疯狂的技术宅
2019/03/27
8170
使用 HTTPS 部署你的站点势在必行
使用Let's Encrypt -- 免费的https证书
老高的证书快过期了(2016-12-11),本着节约资(R)源(MB)的精神,准备使用Let's Encrypt。
老高的技术博客
2022/12/27
1.1K0
使用Let's Encrypt  -- 免费的https证书
HTTPS是趋势
随着时代的发展,网络已经成为当下生活的一部分,尤其在前两年新冠疫情的大背景下,网络购物,网上办公,网上教学等等,已经是不可或缺的重要沟通方式。但是随着各种网络使用场景增加,各种网络安全事件也是层出不穷,在这样的背景下,HTTPS协议的出现成为了网络安全领域的新趋势。
稀糊牛肉粥
2023/10/24
2210
HTTPS是趋势
如何配置 GitLab 使用 HTTPS
本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0)
soulteary
2019/09/29
2.2K0
使用openssl创建https证书
从今天开始笔者打算和大家聊一聊http2这个协议,想要说清楚http2协议就必须亲手搭建一个http2的服务,并且对比http2和http1.1的特点,从而了解http2的一些新特性。
挥刀北上
2019/12/04
31.6K0
使用openssl创建https证书
使用 openssl 生成 https 证书, 并在 nginx 中配置 https
1. 创建一个私钥 openssl genrsa -des3 -out server.key 2048 2. 生成 CSR Common Name 要输入域名 openssl req -new -key server.key -out server.csr 3. 删除私钥中的密码, 有利于自动化部署 openssl rsa -in server.key -out server.key 4. 生成自签名证书 openssl x509 -req -days 365 -in server.csr -signke
北漂的我
2021/04/15
4.8K0
配置DataEase使用https访问
1. 安装Nginx yum install gcc pcre-devel openssl-devel -y && \ cd /opt && \ wget http://nginx.org/download/nginx-1.20.2.tar.gz && \ tar -zxvf nginx-1.20.2.tar.gz && \ cd nginx-1.20.2 && \ ./configure --prefix=/opt/nginx --with-http_stub_status_module --with-h
范一刀
2022/04/13
1.5K0
点击加载更多

相似问题

Javascript函数使用Https打开URL,但未能打开仅使用域而不是HTTPs或www前缀的URL

12

强制URL:: to ('')以HTTPS而不是HTTP打开

27

使用HTTP而不是HTTPS

44

使用HTTPS而不是HTTP

32

减:@导入url后使用http而不是https

34
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文