alfhen / vue-cookie Goto Github PK

Hi,
the error said, "document is not defined"
for VueCookie.get('username')
when I don't store any session
so, how to check the session first?

if you try to import it in a typescript VueJS project (i.e. in main.ts) it gives an error saying types are not defined.

我现在在二级域名下面 second.website.com怎么能删除.website.com的cookie？
没有找到方法。。。是否考虑添加一个

Hello,

It is possible to watch a cookie changement in the vuejs watch property ?

Hi, I have a cookie set with an array object. but when I log the value returned its of type string, hence I get this => [ object Object] , [ object Object ] ....
Any idea what I'm doing wrong?

Hi there! I'm totally new with Vue and front-end in general (I'm backend java developer 😄) therefore I might ask dumb questions, but I'm trying to build a simple Vue app with Vuex and cookie as security token. What I'm currently have:
main.js:

...
import Vue from "vue";
import vueCookie from "vue-cookies";
...

Vue.component(...);

Vue.use(vueCookie);
new Vue({
  el: "#app",
  router,
  store,
  template: "<App/>",
  components: {App}
}); 

auth.js:

import Vue from "vue";
...

const state = {
  token: this.$cookie.get('token') || "",
  ...
};

/// other auth code

When I run my app I get 'Cannot read property '$cookie' of undefined' at Vue.prototype.$cookie.get('token') line. What I'm doint wrong?

Hi, I am passing a cookie to the browser from my backend, it shows up on the browser cookie extension just fine, but this.$cookie.get('my-cookie') returns null.. any thoughts? and the cookie is not expired.

if I added vue-cookie with tag <script> it is not working

If i add a new cookie by the setmethod then with the getmethod i can fetch it.
BUT if i use the getmethod to fetch a cookie that already exist (so i din't use the setmethod). In that case the getmethod doesnt find anything!

I wanna put in the cookie a string which contains '@', but only string before '@' being saved. How can I do that ?

for example :

...
this.$cookie.setKey("my hash key")
...

cookie: 'JSESSIONID=node0puin2x7jukign9qrxudu6bvn2.node0; token=92bc658822c92197e3c86f39a5e420f2; connect.sid=s%3AH8OLTKl1mNm_Sx3aFL0DyZ1L1wlKHm9W.zUqgaxcUoefwyGbof9jgBeGYEsaHIyaWQwNSbc3Q8Ho'

I want to set an JSON javascript object in the cookie: this.$cookie.set('test', JSON.stringify(this.json), 1);

Unfortunately, the cookie is not set. What am I doing wrong?

Hi there,

Just installed this module and in my client HTML I have :

I am getting a 404 from NodeJs:
GET http://localhost:3000/node_modules/vue-cookie/build/vue-cookie.js
GET /node_modules/vue-cookie/build/vue-cookie.js 404 8.950 ms - 2634

is it not possible to read straight from the node_module?

Thank you

I want to know cookie's expire time...

Would it be possible to add session cookies and ssl cookie support?

i am using vue-cookie in my project, the cookie is set but when i use in the main.js
console.log(this.$cookie.get("test"))

i get the following error ..... any thoughts?
Cannot read property '$cookie' of undefined
Although this.$cookie.get("test") works in the components without any issue

TIA

Please give ability to set the SameSite and Secure values in the $cookie.set

I want to set a cookie in vuex's mutations.js file,

but when I use 'Vue.cookie' directly, there was an error occurred:

TypeError: WEBPACK_IMPORTED_MODULE_0_vue.default.cookie is not a function

I'm using this library to store OAuth tokens and I want to set the expiration time of my access_token as the expires_in response, but it is in timestamp.

Could you provide a way of pass the timestamp and get the cookie saved with it as expiration time?

In my project, cross-domain Settings are set in the background, when I send a axios request, I need to set an extra cookie, but it can't be effective.

在微信内浏览器屏蔽ios端的cookies 使用该插件存储值 会获取不到

Hi i have a scenario where i have to create a cookie with the current hostname as domain, but it's adding an extra dot(.) before the hostname.

let domain = location.hostname
window.$cookies.set('name', 'value', '12h', '/', domain)

Ex: expected domain for cookie: abc.google.com actual domain name set in cookie .abc.google.com

Thanks.

not work here ;-(

如何读取指定的cookie？

结果：

如图，两个都使用是stringify,复杂的对象get的时候还是object类型而不是string类型，还是需要统一一下比较好，不然解析的时候会有歧义

for some reason it will produce true value if false with double ! to convert null value of cookie not created.

Hey,

When i copy paste the build/vue-cookie.js to my own project and include below the vue.js include and try to call this.$cookie or Vue.cookie i get: Undefined get for undefined.

Does this work without npm?

import Vue from "vue";
import VueCookies from 'vue-cookies';
import App from "./App.vue";
import router from "./router";
import store from "./store";
import Axios from "axios";
import Api from "./index";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";

Vue.config.productionTip = false;
Vue.use(VueCookies)
Vue.use(ElementUI);
Vue.prototype.$http = Api;
new Vue({
VueCookies,
router,
store,
Axios,
ElementUI,
render: h => h(App)
}).$mount("#app");

Would be great if you could add support for the getAll() function. Could really use that.

Hi,

I noticed you use the isInteger function on line 13. But this is not supported by all browsers like IE11 and older.
Is it maybe possible to adjust to make it browser compatible?

possible solution:

Number.isInteger = Number.isInteger || function(value) {
    return typeof value === "number" && 
           isFinite(value) && 
           Math.floor(value) === value;
};

delete not work in wechat. wechat browser is unnormal, suggest add some workaround.

I'm having the following problem:
When I create a cookie by Vue.$cookies.set('example', "user=myself")
The stored cookie becomes user%3Dmyself, but I want it to be exactly as user=myself, that is, they are being encoded.
Is there any option avaiable so that the cookies are not encoded?

I find this project interesting. Can you explain why not to use tiny-cookie directly? What are the benefits of using Vue plugin?

It would be great if the answers could be added to the README.

How can remove all cookies?

Hi there,
this plugin is comfy (thank you, mr. Alfhen) , but if you want to incapsulate smth in vuex store (for example the choice between cookie and local storage), you may have an issue: from-the-box vuex doesn't know about this.$cookie or vm.$cookie.

All u need is just reinitialize that. Look on the pictures.

when the cookie is set on the server side, it has httpOnly set to false, secure to false.
I can access the cookie in the SPA, but unable to delete it(set it to past).