Передайте чистую переменную cookie в Javascript / Vue JS

Question

Мой сценарий таков.

У меня есть следующая переменная:

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

Теперь, когда я посмотрел на инструменты Chrome dev в Application -> Cookies, это то, что я вижу.

Как видите, между URL-адресами есть специальные символы, которые, вероятно, заменяют "/".

Как вы очищаете это так, что передает чистый URL (например, http://helloworld.com)?

ОБНОВЛЕНИЕ:

После первого ответа ниже, я пересмотрел свой код. Однакотакие же специальные символы все еще существуют.

мой код теперь выглядит следующим образом. Я использую Vue JS.

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

UPDATE 2

После передачи переменной cookie впеременная класса, наконец увидел, что URL теперь очищен от специальных символов.

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

Answer 1

Вы не можете сохранить его как чистый URL-адрес , поскольку в нем есть символы, которые не допускаются в файле cookie.

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
• Допустимые символы в файлах cookie

---

Опция кодировать / декодировать значение при записи / чтении файла cookie

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

console.log(url_encoded)

console.log(decodeURIComponent(url_encoded))

---

Обновлено после редактирования вопроса, используется Vue JS.

Вот два дополнения для Vue, которые могут решить его для вас

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

---

И, как прокомментировано, для кэширования URL видео на разных страницах сайта, localStorage можетбыть более подходящим.