关于encodeURIComponent 编码的问题

最新推荐文章于 2020-12-29 06:29:53 发布
最新推荐文章于 2020-12-29 06:29:53 发布
阅读量1.6k 收藏
点赞数
分类专栏： 个人问题问题汇总 文章标签： 编码 react.js react-route
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bijunwei/article/details/75305270
版权

首先看两个路径 （react , react-router）


1、hashHistory.push('/login/' + encodeURIComponent('detail/' + id))

2、 hashHistory.push('/login' + encodeURIComponent('/detail/' + id))

上方两个主要区别在于detail前面的'/' 如果是2的那种情况，它将会被编译然后路径会变成

'/login%2detail%2F625058079718581' 这个样子 基本去找404了

所以要第一种写法'/login/detail%2F625058079718581' 会是'login+可选参数'这样就能正常访问到Login页面了


B_sir
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
编码 encodeURI和encodeURIComponent的区别
weixin_39547000的博客
09-23 174
1.encodeURI不会对;/?????&=+$,#之类的字符进行转译，这就会导致某些特殊情况下解析uri出现问题(后端使用的语言不同导致解析方式不同) 2.encodeURIComponent会转义URI各个部分的标点符号比如常用的连接符&与?, 也就是说它转义的更彻底安全性更高, 所以建议尽可能使用encodeURIComponent来处理。 例 const url='www.ts.com?id=99&name='+2+'' console.log(url)
encodeURI()、encodeURIComponent（）编码和decodeURI()、decodeURIComponent（）解码
TanMengyi的博客
06-04 526
decodeURI() 解码某个编码的 URI。 decodeURIComponent() 解码一个编码的 URI 组件。 encodeURI() 把字符串编码为 URI。 encodeURIComponent() 把字符串编码为 URI 组件。 菜鸟教程解释： encodeURI() 函数可把字符串作为 URI 进行编码。 对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的： , / ? : @ & = + $ # (可以使用 encodeURI
encodeURIComponent
萧刚
03-23 467
window.location.href=passport_url+"/user/login?backurl="+encodeURIComponent(ahost+"/index.php?m=callup&a=index&cid="+cid_crypt);
encodeURIComponent（参数编码格式）
xuesibianxing的博客
03-29 1974
如果有+一般通过路由参数传到后台会转义成空格（一般id出现较多）
decodeURIComponent() 函数
改变ing
07-04 1393
出处： http://www.w3school.com.cn/jsref/jsref_decodeURIComponent.asp decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。decodeURIComponent(URIstring) 参数：URIstring ： 必需。一个字符串，含有编码 URI 组件或其他要解码...
React-Router传参取值页面跳转
热门推荐
大灰狼的小绵羊哥哥的博客
07-07 3万+
项目结构 image.png -RouterMap页面，所有的页面都必须注册路由 import React from 'react' import { Router, Route, IndexRoute } from 'react-router' import App from '../containers' import Home from '../cont
encodeURIComponent编码后java后台的解码
01-24
同学的毕业设计出现JavaScript用encodeURIComponentt编码后无法再后台解码的问题。 原来他是这样写的: window.self.location="searchbytext.action?searchtext="+encodeURIComponent(seartext);
URL编码转换,escape() encodeURI() encodeURIComponent()
12-10
escape() 方法：采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格...
encodeURIComponent编码
最新发布
11-15
encodeURIComponent()是JavaScript中的一个函数，用于将字符串进行URI编码，以便在URL中传递参数时使用。它可以将所有特殊字符进行编码，包括"; / ? : @ & = + $ , #"等字符。下面是一个例子： ```javascript var ...
JS中三种编码方式(escape,encodeURI,encodeURIComponent)
03-20
NULL 博文链接：https://liuzidong.iteye.com/blog/829204
js中编码函数：escape,encodeURI与encodeURIComponent详解
10-20
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，这篇文章详细的给大家介绍了js中编码函数：escape,encodeURI与...
js编码之encodeURIComponent使用介绍(asp,php)
10-28
这使得`encodeURIComponent`特别适用于URL的参数部分，因为URL参数中可能包含许多特殊字符，如`#`、`&`、`=`等，这些特殊字符如果未经编码直接用在URL参数中，可能会引起问题。使用`encodeURIComponent`对这些字符...
React 项目中，使用qs.parse 踩过的坑（默认编码、解码影响数据解析）
LYY1448019681的博客
11-20 2291
qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 最近在React 项目中，用到npm 的qs模块的parse函数，用于获取url参数及解析&拼接的数据，再此过程中遇到参数中“+”丢失的问题。 查看qs 模块的使用示例后发现（https://www.npmjs.com/package/qs）， qs.parse()函数默认会进行 URI 编码解析，如果这种解码方式与之前数据编码方式不同就会有问题，同时解码会将“+”变成空格。这个同浏览器有点类似，当我们在url中传递的参数带有加号+，
react封装函数_react中请求接口的封装
weixin_31643625的博客
12-29 764
1. 新建一个dva项目。使用antd 或者antd-mobile组件库。$ npm install dva-cli -g$ dva -v$ dva new dva-quickstart$ npm start$ npm install antd babel-plugin-import --save或者是$ npm install antd-mobile babel-plugin-impor...
React在ES6中的用法
思诚^_^
04-22 2万+
写在前面 不管是多么不乐意待见这个不速之客，但ES6已经一点点渗透进了我的生活里，就连我最爱的React到React Native，默认都把ES6做为首选标准。这是FaceBook有计划、有声势地要把ES6推起来，请问还有谁有狗胆站住来堵着路不走。所以我毅然捧着阮一峰老师的《ES6标准入门》在一旁看了起来……那好，今天就谈谈如何把React用ES6愉快地跑起来。 入门级Demos先来几个简单的d
encodeURIComponent(url) 函数详解
HansExploration的博客
05-17 1万+
(1)   encodeURIComponent(url) 函数定义和用法       encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。语法       encodeURIComponent(URIstring)参数 描述       URIstring 必需。一个字符串，含有 URI 组件或其他要编码的文本。返回值       URIstring 的副本，其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值