Vue-auth在vuex操作中访问$auth
Vue-auth是一个用于Vue.js应用程序的身份验证和授权插件。它提供了一些便捷的方法来管理用户身份认证和权限控制。
在vuex操作中访问$auth，可以通过以下步骤进行：
- 首先，确保你已经在Vue.js应用程序中正确安装和配置了Vue-auth插件。
- 在vuex模块中，可以通过访问this.$auth来获取当前用户的身份认证和授权信息。
- 通过使用this.$auth.user可以获取当前已认证用户的信息，包括用户名、角色等。
- 使用this.$auth.check()方法可以检查当前用户是否已经通过身份认证。
- 通过this.$auth.hasRole(role)方法可以检查当前用户是否具有特定角色。
- 使用this.$auth.logout()方法可以让当前用户退出登录。
- 如果需要在vuex模块中执行其他操作，例如调用API来获取数据，可以使用this.$auth.token来获取当前用户的访问令牌，并将其包含在API请求中。
Vue-auth的优势包括：
- 简单易用：Vue-auth提供了一些方便的方法来管理用户身份认证和权限控制，使得开发人员可以轻松地实现身份认证功能。
- 灵活性：Vue-auth允许开发人员根据自己的需求来配置和定制身份认证和权限控制的行为。
- 安全性：Vue-auth提供了一些内置的安全功能，例如防止跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等。
Vue-auth的应用场景包括但不限于：
- 电子商务平台：用于管理用户登录、注册和访问权限控制。
- 社交媒体应用：用于管理用户身份验证和授权，以及限制某些功能只允许特定用户使用。
- 企业内部系统：用于保护敏感数据和资源，并根据用户角色和权限控制访问。
- 在线学习平台：用于管理学生和教师的身份认证和权限，以及限制教师只能访问某些教育资源。
腾讯云相关产品和产品介绍链接地址：
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库CDB：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobiledev
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云全球电子商务解决方案：https://cloud.tencent.com/solution/ecommerce
相关·内容
1回答
Vue.js 2认证JWT
、、、、
已编辑的帖子:见下面的答案
我正在尝试使用这个样板Vue.js2 来制作一个应用程序
我被困在身份验证过程中，使用这个库：，并试图使用JWT作为身份验证方法。从来没有自己的身份验证，我是有点迷路。
我已经安装了可能相关的软件包：passport, passport-jwt, jsonwebtokens、passport-local, passport-local-mongoose
查看我的日志，我得到了一个成功的登录响应，但是它尝试获取/auth/user并使用一个401 (未经授权的错误)进行响应。仔细阅读auth库代码，GET req到/auth/user似乎是预期的行为。
以下是登录代码
浏览 9提问于2017-01-13得票数 1
1回答
我开了一家vuex商店：
export const general = {
namespaced: true,
state: {
menuEnabled: true,
headerEnabled: true
},
getters: {
menuState: state => state.menuEnabled,
headerState: state => state.headerEnabled
},
actions: {
setMenuVisibility
浏览 6提问于2022-03-11得票数 1
回答已采纳
2回答
我有一个相当大的vuex SPA，我只想使用惰性加载在某些路由上加载VueJS模块。
我跟随这篇文章是为了重现这个--
然而，这在vuex中给了我一个错误。
文件夹结构
root
|- store
| |- modules
| | |- auth.js
| | |- module2.js
| |- store.js
|- app.js
auth.js
const state = {
var1: {},
var2: false
}
const mutations = {
'MUTATION_1'(state, obj) {
浏览 14提问于2018-07-20得票数 3
回答已采纳
编辑：我找到了解决方案，它只是将令牌作为参数传递到vue模块中的挂载()函数中：
mounted(){
this.$store.dispatch("fetchData", this.$store.state.auth.user.token)
在商店里，我使用异步函数，如下所示：
async fetchData({commit}, id)
我想从我的商店发出API调用，但我也有存储在相同位置的这些API调用所必需的用户信息(userId，jwttoken)。
这是我的店：
import Vue from "vue";
import Vuex from &#
浏览 3提问于2022-09-15得票数 0
回答已采纳
我试图在我的应用程序上测试Vuex store模块，但无论我怎么尝试，它都会返回TypeError: Cannot read property 'getters' of undefined。求求你帮帮我。代码如下： store/index.ts： import Vuex from 'vuex';
import auth from './auth';
Vue.use(Vuex);
export default new Vuex.Store({
state: {},
mutations: {},
actions: {},
mo
浏览 8提问于2019-01-22得票数 1
回答已采纳
1回答
无法获取已存储在组件安装阶段的当前状态。在这里，我初始化了一个ref变量isAdmin，在此之后，在安装阶段，我希望从状态获取当前用户的电子邮件，并检查它是否与我想要的电子邮件相同，然后我想切换isAdmin "true“。但是当我试图访问电子邮件时，它说电子邮件并不存在。
这里是附加的vuex商店在右边和从哪里，我访问它的左边。
Vuex store.js
import { createStore } from "vuex";
import router from "../router";
import { auth } from "../fi
浏览 9提问于2022-09-15得票数 0
因此，我正在学习如何使用Laravel & Vue.js创建单个页面应用程序，我找到了这个。我跟踪一切，我没有改变任何东西，但是每当我登录/注册的时候，我都会得到这个未定义的
我已经检查过所有的东西了。
显示 - 的图像
下面是代码：
Auth.js
import bearer from '@websanova/vue-auth/drivers/auth/bearer'
import axios from '@websanova/vue-auth/drivers/http/axios.1.x'
import router from '@websa
浏览 0提问于2019-07-10得票数 0
回答已采纳
我对vuex很陌生，我想通过getters getUser()方法访问处于状态中的用户对象，我试图在挂载方法中调用这个getUser，但是没有结果。我试图控制内部的日志突变，并返回用户对象。我还跟踪了文档并搜索了解决方案，但什么也没有发生。
我还少了什么？
store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
user: {},
},
getters: {
getUser:
浏览 2提问于2020-12-17得票数 0
2回答
例如，假设我有一个"store“目录，如下所示：
...
store
├── auth
│ └── user.js
└── index.js
...
index.js
import Vue from 'vue';
import Vuex from 'vuex';
import {user} from './auth/user';
Vue.use(Vuex);
/* eslint-disable no-new */
const store = new Vuex.Store({
modules: {
user
},
}
浏览 6提问于2017-12-05得票数 5
回答已采纳
我使用的是带有类型记录的nuxtjs和vuex模块装饰器。但是，当将@nuxtjs/auth添加到我的项目时，我会出错。
Uncaught (承诺)错误: ERR_STORE_NOT_PROVIDED:要使用getModule()，要么在装饰器中使用存储，即@ module ({ store : store})，要么在调用getModule()时传递存储，即getModule(MyModule，this.$ store )
此错误发生在“调用操作”时。
当@nuxtjs/auth来自模块的时候，就没问题了。
存储/索引
import { Store } from "vuex"
浏览 4提问于2020-07-15得票数 2
回答已采纳
我正在使用Nuxtv2.15和@nuxtjs/i18nv7.2构建一个web应用程序。我在用Vuex进行国家管理。在我的全局状态中，我希望创建一个基于this.$i18n.locale返回值的getter。
在我的Vuex方法中，访问带有$i18n的当前应用程序上下文的最佳方法是什么？
nuxt.config.js
export default {
modules: [
"@nuxtjs/i18n", // https://i18n.nuxtjs.org/
],
i18n: {
locales: { /* configuration */ },
浏览 19提问于2022-01-30得票数 2
1回答
我创建了我的store store/user.js
export const state = () => ({
user: {},
});
export const mutations = {
};
export const actions = {
AUTH ({commit},{email, password}){
console.log('email, password =', email, password)
}
};
export const getters = {};
组件：
<template>
<form @
浏览 2提问于2018-07-20得票数 4
回答已采纳
我创建了两个store模块，并将其导入到main store中。
当我加载我的抽屉视图时，我得到了下一个错误。我到底做错了什么？
error:vuex.esm.js [vuex] unknown mutation type: SET_DRAWER
//Drawer.vue
.........
computed: {
...mapState("navstore", ["barColor", "barImage"]),
drawer: {
get() {
return this.$store.state.n
浏览 0提问于2020-05-09得票数 0
我想使用Vue Auth、Axios和Cakephp进行身份验证，但我有一个众所周知的错误：
Access to XMLHttpRequest at 'http://dev.zenburo.actuelburo.local:8081/api/users/token' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou
浏览 0提问于2019-11-23得票数 1
1回答
我有一个Rails后端API和用Nuxt.js编写的前端应用程序，集成了用于身份验证的Auth0和用于API通信的Axios。
身份验证工作正常，但是前端不会将用户信息传递给后端。只有user_id和授权标记，但不包括电子邮件、名称和其他属性。但是，在前端验证和Vuex存储中保存/可用的身份验证之后，这些属性是可用的。
如何告诉前端(Axios)在每个API请求中包含后端附加的用户属性？在nuxt.config.js中是否有访问Vuex存储和定义全局Axios属性的语法，或者有更简单的方法来实现？
Nuxt.config.js
auth: {
redirect: {
login
浏览 1提问于2019-11-05得票数 0
1回答
我在我的Vuex应用中使用了firebase。我在vuex里有这个动作 async deleteTodo({ commit }, id) {
await fbs.database().ref(`/todolist/${store.state.auth.userId}/${id}`)
.remove()
.then(() => {
// fix this
console.log('Todo deleted', commit);
浏览 11提问于2020-06-11得票数 1
3回答
我在vue.js中渲染时遇到了问题。我做了一个简单的登录/注册应用程序。当用户登录时，注册链接应该是隐藏的。它可以工作，但当我重新加载页面时，会有很小的延迟。我尝试使用v-cloak，但它不起作用。我怎么才能修复它？我在gif上记录了加载。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,ini
浏览 0提问于2018-03-31得票数 0
因为某种原因我无法进入商店。
文件结构：/store/index.js /store/modules/auth.js
store/index.js
import Vuex from 'vuex';
import Vue from 'vue';
import auth from './modules/auth';
Vue.use(Vuex);
export default new Vuex.Store({
modules: {
auth
}
});
auth.js
import Vue from 'vue'
im
浏览 0提问于2020-05-10得票数 2
回答已采纳
1回答
我才刚开始学Vuex。到目前为止，我一直将共享数据存储在store.js文件中，并在每个模块中导入store，但这变得很烦人，我担心状态会发生变化。
我正在为如何使用Vuex从firebase导入数据而苦苦挣扎。据我所知，只有动作才能进行异步调用，但只有突变才能更新状态？
现在，我正在从我的突变对象调用firebase，它似乎工作得很好。老实说，所有的上下文、提交、分派等似乎都有点超载。我只希望能够使用最少量的Vuex来提高工作效率。
在文档中，看起来我可以像下面这样编写一些代码来更新突变对象中的状态，将其导入到computed属性中的组件中，然后使用store.commit('inc
浏览 0提问于2016-11-03得票数 5
1回答
Vuex无法调用模块
、、、、
当我试图调用模块时，我得到错误vuex未知操作类型: signUp，它也不工作，有什么问题吗？this.$store.dispatch('auth/signUp', this.form)
方法
methods:{
signUp() {
this.$store.dispatch('signUp', this.form)
}
}
商店
import Vue from 'vue'
import Vuex from 'vuex'
import auth from './modules/auth'
Vue.
浏览 0提问于2021-08-29得票数 0
7回答
就像在main.js中一样，我试图从一个助手函数文件中访问我的商店：
import store from '../store'
let auth = store.getters.config.urls.auth
但是它记录了一个错误：
未定义的TypeError:无法读取未定义的属性“getter”。
我试过了
this.$store.getters.config.urls.auth
同样的结果。
商店：
//Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex
浏览 6提问于2017-12-14得票数 49
回答已采纳
1回答
我想访问state属性currentUser of vuex in user.js，以便在auth.js中使用它，但是如果我编写：store.state.currentUser.uid === .
我得到了一个错误：
无法读取未定义的属性“状态”。
密码里少了什么？
树：
src
store
user
|>user.js
|>mutations.js
index.js
auth.js
user.js：
const state = {
profile: {},
loggedIn: false,
currentUser: nu
浏览 0提问于2018-10-13得票数 3
回答已采纳
3回答
我试图使用mapState函数从存储中获取状态，但不能使用生成的代码将值返回到我的模板代码中.
<template>
// Some code
<template v-if="!isLoggedIn">
// Some code
</template>
<template v-else>
// Some code
浏览 0提问于2018-07-17得票数 2
我有个小问题。 我正在用Vue 2上的羽毛和vuex做一个项目。 在这个项目中有一个仪表板，我所有的个人项目/经历/和消息都在里面。 当我登录并重定向到仪表板时，检索到了所有数据，但当我刷新页面时，我得到了一个特征错误，指出我未通过身份验证 错误：feathers error Image 下面是我的store/index.js： import Vue from 'vue'
import Vuex from 'vuex'
import { FeathersVuex } from '../feathers-client'
import auth f
浏览 14提问于2021-08-26得票数 2
我正在开发一个应用程序，在这个应用程序中，我会对API进行大量的请求，有时请求会以过期的令牌结束。
我研究了不同的解决方案，比如调用Auth.currentsession和在发送请求之前设置标头，但这不是很好，因为我们使用的大量libaries不“等待”Auth.currentsession返回新令牌(如果当前令牌过期)。
似乎最好的解决方案是每隔9分钟手动调用Auth.currentsession并将令牌存储在vuex存储中，这是否可以在Vuex store.js中完成？
import { createStore } from 'vuex'
import { Auth } f
浏览 4提问于2022-09-20得票数 0
我在导航栏中使用了mapGetters和mapActions，但由于某种原因，mapGetters返回"TypeError: Cannot read property 'getters‘of undefined“，即使我以相同的方式使用它们。有人能帮我找出我的错误吗?我是vuex的新手，也不知道它是如何工作的。
以下是我的文件: Auth.js
const state = {
token: localStorage.getItem('token') || '',
user: {},
status: '',
浏览 3提问于2020-04-27得票数 0
1回答
在/store/index.js中，我有：
import Vue from "vue";
import Vuex from "vuex";
import auth from "./modules/auth";
然后在/store/modules/auth.js中有：
export const actions = {
login({ commit, dispatch }, payload) {
...
}
}
但是，当尝试通过执行dispatch("auth/login", {})从任何组件分派登录()操作时，我会得
浏览 2提问于2019-12-03得票数 0
因此，我正在试验一个使用vue cli创建的新项目，其中我使用了路由器和VueX
因此，在我的HelloWorld.vue文件中，脚本部分包含以下代码：
import { mapState } from 'vuex'
export default {
name: 'hello',
computed: mapState({
msg: 'nombre'
}),
有没有一种更直接的方式调用状态中的值？
msg: store.nombre
我的vuex存储在根main.js中定义如下：
//vuex
import Vuex fro
浏览 0提问于2018-08-01得票数 2
我正在尝试创建一个listenAuth函数，该函数监视firebase中的，以便在用户登录或退出时通知vuex商店。据我所知，我只是在使用突变处理程序修改state.authData，除非我遗漏了什么？
我得到了错误：
[vuex] Do not mutate vuex store state outside mutation handlers.
这里是我的App.vue javascript (来自我的组件)
<script>
// import Navigation from './components/Navigation'
import * as actio
浏览 4提问于2016-07-14得票数 10
我目前正试图允许用户通过Twitter身份验证登录到我的Vue.js 。这基本上就是我正在使用的。每次我点击Twitter登录按钮，我就会得到这个问题：
与的跨站点资源关联的cookie是在没有SameSite属性的情况下设置的。Chrome的未来版本只有在SameSite=None和Secure的情况下，才会提供带有跨站点请求的cookie。您可以在Application>Storage>Cookies下查看开发人员工具中的cookie，并在和上查看更多详细信息。
知道我该怎么解决这个问题吗？任何帮助都将不胜感激。我觉得这两段代码可能是问题所在，但我不太确定。
store
浏览 6提问于2020-02-12得票数 1
回答已采纳
我正在使用NUXT 2.0 (mode = universal)和Auth模块，它对我来说是正确设置和工作的！
如果我使用示例代码，在日志记录后查看任何页面时。我可以看到用户没有问题。
<div v-if="$auth.loggedIn">
Logged In {{ $auth.user.email}}
</div>
如果我在开发工具中查看VUEX，还可以看到state.auth.user：
但是，如果我添加一些中间件并加载页面，store.state.user就是空的。示例简单的代码。
export default function ({ stor
浏览 3提问于2020-03-01得票数 3
嘿，这看起来很简单，但是我不知道如何让我的loggedInUser对象在模板之外工作。我阅读了许多其他的答案，我知道我必须做一些事情来将getter存储在一个本地数据对象中。
我设置了一个临时的'id‘对象，因为为了附加到我的Axios请求，我最终希望设置为loggedInUser.id。
下面是我想要更改的页面：
<script>
import { mapGetters } from 'vuex'
// import vuex from 'vuex'
export default {
data: () => ({
浏览 2提问于2020-08-12得票数 0
回答已采纳
1回答
打开新窗口时的初始化状态
、、、
假设我在cookies中已经有了jwt令牌，并且在我的状态中存储了状态LoggedIn: true/false。我希望在打开具有相同vue站点的新选项卡时登录。下面是我的商店类：
import Vue from "vue";
import Vuex from "vuex";
import createPersistedState from "vuex-persistedstate";
import { auth } from "./auth.module";
Vue.use(Vuex);
export default new
浏览 2提问于2021-01-24得票数 0
1回答
Vue 3中使用vuex
、、、
去年，我花了一些时间学习Vue 2，我真的很喜欢这个框架，但没有推进一个项目。我现在有时间做一个项目，但是我想在复合API中使用Vue 3。我将使用Firebase作为后端。在是否使用Vuex的问题上，我看到了相互矛盾的技术。
例如，我希望将"currentUser“对象存储在全局状态，该对象可以从应用程序中的任何组件中访问。正常情况下，它将使用Vuex。我有一个getter来返回对象，一个异步操作来从firebase获取数据，还有一个突变来设置状态。
然而，我已经看到了几个Vue 3代码示例，它们根本不使用Vuex，而是在应用程序中任何需要的地方(例如在navbar组件中)执行类似的
浏览 3提问于2021-09-07得票数 1
回答已采纳
1回答
我使用@nuxt/strapi作为NuxtJS的Strapi的包装器。对于Nuxt中的Vuex，我使用了命名空间模块模式，所以我的结构看起来像这样：
store
├── user.js
├── posts.js
└── index.js
在Vue项目中，我会导入Vue，Vuex，也许是Axios，然后创建一个商店实例const store = new Vuex.Store(storeOptions)，然后分派我的初始操作或从store/index.js内部进行一些API调用。
vue项目中的index.js示例：
import Vuex from 'vuex';
import
浏览 5提问于2020-10-13得票数 0
1回答
我试图在vuex中使用我的auth模块创建一个注册页面。我在模块中发布了一个用于注册的api。当我尝试这段代码时，控制台上写着"vuex未知动作类型: auth/signUp“。我做错什么了吗？有人能解决这个问题吗？
这是我的vuex auth模块
// store/auth/index.jx
import auth from '@/API/API_Auth'
const state = () => ({})
const getters=()=>({})
const mutations = () => ({})
const actions = (
浏览 6提问于2022-02-02得票数 1
回答已采纳
2回答
大家早上好，
我是Vuex的新手，正在尝试从基础知识开始。我遵循了设置“待办事项列表”的教程，并让所有这些工作都正常进行。但我也想要更多用于身份验证的通用存储。
实际上，我希望将当前登录的用户信息存储在Vuex存储中。我目前在app.vue下面有这段代码
created () {
this.fetchProjects()
console.log('console-test ' + this.$store.getters.allProjects[0])
// Firebase Auth
firebase.auth().onAuthStateChanged((us
浏览 36提问于2020-02-21得票数 0
1回答
我正在建立一个应用程序，有一个行政区域。在数据库中，用户被标记为管理员或非管理员，方法是：
admin = 1
我在使用axios中提取数据，然后使用vuex将用户设置为我的状态。但是，我很难从vue路由器中返回用户的管理状态。这是我想要做的事情的一个例子。
import store from '@/js/store/store.js';
// etc
router.beforeEach((to, from, next) => {
if(to.matched.some(record => record.meta.isAdmin)) {
if
浏览 4提问于2020-02-14得票数 1
回答已采纳
两个错误帮助我使用vuex模块构建
错误：unknown mutation type: setLoggedIn和unknown local mutation type: setLoggedIn, global type: auth/setLoggedIn
vuex版本"vuex"："^4.0.0“
问题发生在setLoggedInState(ctx)函数中。
index.js
import Vuex from 'vuex'
import middleware from "./modules/middleware.js";
import a
浏览 1提问于2022-01-15得票数 0
在服务器端，我有两个中间件和restrictTo (检查用户角色)。如果不允许用户或客人执行某些操作，这些中间件将阻止他们执行某些操作。
exports.protect = catchAsync(async (req, res, next) => {
let token;
if (
req.headers.authorization && req.headers.authorization.startsWith("Bearer")
) {
token = req.headers.authorization.split("
浏览 3提问于2021-08-05得票数 0
1回答
我有一个带有几个模块的vuex存储，我希望能够从一个模块中监听“全局”dispatch或commit调用(也就是操作和突变)。例如，在auth模块中有登录和注销等操作。每当这些操作被分派时，我希望另一个模块ui也执行一些操作，比如根据登录的用户设置语言。
我知道我可以从auth模块中的登录和注销操作中分派ui操作。但是我更愿意用另一种方式，这样ui就可以监听在auth中调度的事件(动作和/或突变)。通过这种方式，我可以轻松地创建副作用，而无需更改“原始”vuex模块。
也许我需要使用手表，但有些动作不会改变状态，所以我不能总是使用它们。创建一个插件也是一种选择，但我不想每次创建这样的副作用时都
浏览 4提问于2018-11-13得票数 4
1回答
我想知道如何调用另一个组件中更新状态的内容？ 我有一个auth.js文件： state: {
admin: [],
token: '' // token default null
},
actions: {
async authIN({ commit }, admin) {
try {
...
commit('SET_TOKEN', response.data.token) // after submit
...
} catch (err) {
console.log(err);
浏览 16提问于2021-01-01得票数 0
回答已采纳
1回答
我的应用程序的架构附在这里
因此，在我的用例中，我只想在Axios拦截器(/../src/app/shared/services/http-client/http-client.js)中使用getter，这样我就可以在标头中附加授权令牌，但是当我从/../src/app/app-state.js导入存储时，它会引发错误，如下所示
Uncaught TypeError: Cannot read property 'getters' of undefined
at eval (vuex.esm.js?2f62:340)
at Array.forEach (<anonymou
浏览 6提问于2020-07-09得票数 0
1回答
大家好，我跟踪一切，没有提供谷歌，但这些工作，我是新的vuex 3.0.1和vue 2.5下面的代码
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import store from './store'
Vue.prototype.$http = axios;
var VueResource = require('vue-resource
浏览 1提问于2018-03-09得票数 0
回答已采纳
2回答
我的以下代码运行良好： import Vue from 'vue';
import Vuex from 'vuex';
import user from './modules/auth';
Vue.use(Vuex);
export default new Vuex.Store({
modules: {
user
}
}); 有没有一种更短的方法来导入模块而不是在顶部编写语句？相反，我直接在模块中编写它，如下所示： export default new Vuex.Store({
modules:
浏览 64提问于2020-07-28得票数 0
在Vuex存储操作中，我使用this.app.router和一个注入属性$alert的Nuxt插件。
当我尝试用Jest测试Vuex存储时，测试一直失败，因为这两个属性都是未定义的。
我作为javascript函数单独测试getter、突变和操作，就像描述的一样。
所以不使用Vue Test Utils或Vuex。
我已经尝试过但没有任何效果：
从Vuex.Store设置一个新的localVu和localVue。
在测试前使用属性app和$alert设置全局变量。
// actions.js
export default {
async signup({ dispatch,
浏览 0提问于2019-05-02得票数 2
我在vue store中使用了模块方法。当我将导入的文件添加到模块对象中时，模块状态被包装在模块名称中。
这是我的auth.js文件
import axios from 'axios';
import router from "../../routes/routes"
export default{
state: {
user: null
},
mutations : {
SetUser(state, user){
state.user = user;
},
removeUser(state){
st
浏览 0提问于2020-12-23得票数 0
简短问题:是否可以通过Nuxt Auth模块手动更新Vuex中的用户数据？
我为什么要问这个问题:我的问题是这个。在MongoDB中，我在用户文档中保存了一些喜欢/遵循。我的认证是用Nuxt Auth实现的。Nuxt在登录时将我的用户文档存储在Vuex中。
如果用户现在喜欢什么东西，它将被存储在数据库中，但我没有将它放到Vuex的Nuxt的auth状态。
另一种选择(我认为)是修改Vuex中的数据，就像在数据库中一样。但在这里，我遇到了严格的Vuex模式的问题。
对我来说有效的一种可能是再次将用户数据保存在一个单独的状态中，并且总是手动更新它。但是，我真的需要在Vuex中保存用户数据几次吗？对
浏览 0提问于2019-05-21得票数 3
回答已采纳
1回答
当我在vue.js组件中使用vuex getter时，它为我返回null。 以下是我的代码 MainLayout.vue <script>
import NavBar from '@/components/NavBar.vue'
import ToolBar from "@/components/ToolBar"
import { mapActions, mapGetters } from 'vuex'
export default {
name: "MainLayout&#
浏览 49提问于2019-09-26得票数 1
如果不使用vue-router，则在声明new Vue()时可以将存储传递给子组件。
但我同时使用了vue-router和vuex。在这种情况下，如何使store对components可用。例如，我的store.js是典型的：
import Vue from 'vue'
import Vuex from 'vuex'
import jwt_decode from 'jwt-decode'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.
浏览 0提问于2018-04-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
