浏览器地址栏中的换行符怎么处理? [Vue 项目]

Question

项目中将data中的host赋值给地址栏

      var state = { url: window.location.href.split("?")[0] };
      console.log(this.hosts)
      history.pushState(state, "", "?host="+this.hosts);

console.log打印了一下 发现换行符号直接被过滤了

之前是这样的'abc\ndef'

地址栏直接变成了abcdef

请问在浏览器的地址栏中 特殊符号应该如何解析?

Answer 1

真正的答案是

this.hosts.replace('\n','\%0A')应该替换为  
this.hosts.replace(/\n/g,'\%0A')

Answer 2

之前是'abcdef'，地址栏变成了abcdef？没明白啥意思，看样子只有引号的区别啊

Answer 3

用url编码
参考这个https://segmentfault.com/a/11...

Answer 4

sessionStorage.setItem("token", encodeURIComponent(JSON.stringify(res.data)));

JSON.parse(decodeURIComponent(sessionStorage.getItem("token")));