我想在浏览器中管理cookie,并使用这个外部插件vue-cookies。但是如果我在某个vue文件中调用它的方法作为this.$cookies.get(...)我在浏览器中得到一个错误:TypeError: Cannot set property '$cookies' of undefined
这是我的代码。Main.js
import App from './App.vue'
import router from './router'
import VueCookies from 'vue-cookies
我已经实现了vue-i18n的本地化。
我的main.js
import Vue from 'vue'
import { i18n } from './plugins/i18n'
import Cookie from "vue-cookie";
if (!Cookie.get('locale')) {
Cookie.set('locale', 'en', 1)
}
new Vue({
el: '#app',
router,
i18n,
te
我正在使用Login.vue上的vue-cookies设置一个令牌cookie,它工作得很好。曲奇就准备好了。
但是当我想在另一个视图中访问cookie时,我在chrome控制台中得到以下错误。
Uncaught (in promise) TypeError: Cannot read property 'get' of undefined
at _callee$ (Dashboard.vue?98fa:19)
at tryCatch (runtime.js?96cf:63)
at Generator.invoke [as _invoke] (runtime.js?96cf:29
每次我试图在gitlab上启动nuxt项目的generate项目时,我都会返回到每个生成奇怪错误的页面,
[error] /Dashboard
TypeError: external_defu_ is not a function
at server.js:12669:45
at Array.reduce (<anonymous>)
at new runtime_BaseScheme (node_modules/@nuxtjs/auth-next/dist/runtime.mjs:883:0)
at new runtime_Oauth2Scheme
我目前正在尝试实现一个简单的主题切换功能,其中活动主题保存在vuex存储状态中。按下按钮后,主题应该切换。
正如您在视频中看到的那样,数据在状态中被成功地更改,getter返回正确的值,然而,我的组件的计算值对更改没有反应。
/src/main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
import Vuex from 'vuex'
impor
在Vue.js项目中,如何获得csrftoken?
我试过使用js-cookie,但无法得到它:
import Cookies from 'js-cookie';
if (Cookies.get('csrftoken')!==undefined) { // there will skip, because the Cookies.get('csrftoken') is undefined.
config.headers['x-csrftoken']= Cookies.get('csrftoken');
我目前正试图允许用户通过Twitter身份验证登录到我的Vue.js 。这基本上就是我正在使用的。每次我点击Twitter登录按钮,我就会得到这个问题:
与的跨站点资源关联的cookie是在没有SameSite属性的情况下设置的。Chrome的未来版本只有在SameSite=None和Secure的情况下,才会提供带有跨站点请求的cookie。您可以在Application>Storage>Cookies下查看开发人员工具中的cookie,并在和上查看更多详细信息。
知道我该怎么解决这个问题吗?任何帮助都将不胜感激。我觉得这两段代码可能是问题所在,但我不太确定。
store
我在我的应用程序上使用vue.js,当显示一些内容时,当单词之间有多个空格时,vue会删除空格。不幸的是,我不能在小提琴上重现这个(不知道为什么)。我不熟悉vue (我更像是一个后端),所以我很抱歉缺乏细节。要显示的HTML代码是:<div slot="body" v-html="viewingEmail.message"></div>。示例内容可以是包含两个空格的任何短语,例如:Hello, how are you?。在这种情况下,应用程序将显示Hello,how are you?
我们的vue依赖项是:
"vue":
我使用,并希望通过cookie将用户从前端选择的language发送到后端。
作为一个vue-apollo.js,我使用下一个模板
import Vue from 'vue'
import VueApollo from 'vue-apollo'
import { createApolloClient, restartWebsockets } from 'vue-cli-plugin-apollo/graphql-client'
// Install the vue plugin
Vue.use(VueApollo)
// Name of th