在Javascript / Vue JS中传递一个干净的cookie变量

Question

我的情况就是这样。

我有以下变量：

_s.$cookie.set('videoURL', this.sample_url)

现在，当我在应用程序上查看Chrome开发工具时 - ＆gt;饼干，这就是我所看到的。

正如您所看到的，URL之间有特殊字符，可能会替换“/”。

如何清理这个传递干净的URL（例如http://helloworld.com）？

更新：

在下面第一个答案之后，我修改了我的代码。但是仍然存在相同的特殊字符。

我的代码现在如下。我正在使用Vue JS。

  urlEncoded = encodeURIComponent('http://helloworld.com')
  decodeURL = decodeURIComponent(urlEncoded)
  _s.$cookie.set('videoURL', decodeURL)

更新2

将cookie变量传递给类变量后，终于看到URL现在已经清除了特殊字符。

  _s.videoURL = _s.$cookie.get('videoURL')
  console.log(_s.videoURL)

Answer 1

您无法将其存储为一个干净的网址，因为它包含的字符串不允许存在。

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
• Allowed characters in cookies

选项是encode / decode写入/读取Cookie时的值

＆＃13;

＆＃13;

var url = "http://helloworld.com"
var url_encoded = encodeURIComponent(url)

console.log(url_encoded)

console.log(decodeURIComponent(url_encoded))

＆＃13;

＆＃13;

＆＃13;

在问题编辑后更新，正在使用Vue JS。

这是Vue的两个插件，可以为你解决

• https://github.com/alfhen/vue-cookie
• https://www.npmjs.com/package/vue-localstorage

如评论所述，要在网站的不同网页上缓存视频网址，localStorage可能更合适。