如何访问vuex存储中的路由器id并将其附加到Axios get方法

文章/答案/技术大牛

发布

1回答

vue.js、axios、vuex

你好，我正在尝试从路由器获取id，并将其附加到axios get方法中。这是来自store.js的代码，在普通的Vue组件中，你可以这样做: id:this.$router.id，但在vuex store中不起作用 #How can I do the same thing but in Vuex import

浏览 16提问于2019-03-14得票数 1

回答已采纳

1回答

如何将用户信息从前端传递到后端

vue.js、axios、nuxt.js、auth0

我有一个Rails后端API和用Nuxt.js编写的前端应用程序，集成了用于身份验证的Auth0和用于API通信的Axios。身份验证工作正常，但是前端不会将用户信息传递给后端。只有user_id和授权标记，但不包括电子邮件、名称和其他属性。但是，在前端验证和Vuex存储中保存/可用的身份验证之后，这些属性是可用的。如何告诉前端(Axios)在每个API请求中包含后端附

浏览 1提问于2019-11-05得票数 0

2回答

我的Vue.js Vuex商店有两个发出GET请求的操作。第二个动作需要第一个动作的响应才能工作。该怎么做呢？

javascript、vue.js、vuex

我有两个动作，发出GET请求并将响应保存在Vuex存储中。第一个动作getVersion()获取游戏的最新版本，该版本是发出第二个GET请求所必需的。现在，我已经在第二个操作中硬编码了版本，然而，我的目标是将其连接到URL中。遗憾的是，我不确定如何从函数内部访问它。$store.dispatch('getChampions'

浏览 12提问于2019-12-26得票数 1

回答已采纳

4回答

我希望有一个401响应的全局处理程序。(这将是：“从vuex清除所有与用户相关的内容，并以用户是客人的方式呈现页面，并弹出登录表单等。”)否则，我将不得不为每个请求编写一个401处理程序。我可以向axios添加响应拦截器，它们可以正常工作。不过，这些拦截器无法访问Vuex (或Vue)。每当我试图将Vuex或Vue导入到我的Axios中时，我就会得到循环依赖(当然)，一切都会中断

浏览 12提问于2020-05-05得票数 7

1回答

如何在Vuex中使用Ziggy

laravel、vue.js、ziggy

有人用齐格和Vuex吗？我最近安装了Ziggy ()，这样我就可以在Vue (2)文件中使用Laravel的命名路由。它可以很好地使用我的Vue组件，但是对于Vuex文件来说，情况就不同了，我在Vuex操作中有很多axios调用。这些文档没有提到vuex模块，我从Ziggy供应商包导入route方法的所有尝试都会导致编译错误或页面加载上的控制台错误(例如，route is not defined)。/ven

浏览 16提问于2021-12-06得票数 0

回答已采纳

2回答

Vue.prototype在页面的第一次加载时未定义。

javascript、vue.js、vuejs2、vue-router

因此，我试图在我的main.js文件中使用axios提出一个请求。mounted() { axios .get(`${process.env.VUE_APP_API_BAS

浏览 2提问于2020-03-27得票数 2

回答已采纳

3回答

如何在Nuxt.js的Vuex的效用函数中使用`$axios`

javascript、vue.js、axios、vuex、nuxt.js

我正在按如下方式配置Nuxt.js的VUEX。添加到nuxt.config.js中的模块中，并使在操作中使用this.$axios.$get成为可能。import Vuex from 'vuex' import postsM

浏览 1提问于2019-02-07得票数 6

回答已采纳

1回答

Vue-路由器:用正确的方式保护私有路由

vue.js、vuejs2、vuex、vue-router

我有一个/profile路由，只能由经过身份验证的用户访问。: () => import('@/views/Profile.vue'), },router.beforeEachnext('/login') }上面的isAuthenticated()函数向/jwt/validate端点发送一个jwt令牌

浏览 3提问于2022-02-11得票数 3

回答已采纳

1回答

如何用currentUser、Vuex、Express、MongoDB检索Vue.js数据

javascript、node.js、mongodb、express、vue.js

我正在尝试构建一个MEVN堆栈身份验证页面，该页面返回当前登录用户的信息。登录后，路由器重定向到Home.vue，同时将username作为支柱传递给Home.vue。onSubmit方法在Login.vue中的应用 methods: { evt.preventDefault()实例在Home.vue中 import axios from 'axios&#

浏览 0提问于2019-12-05得票数 0

回答已采纳

1回答

Nuxt端到端测试存储配置

vuejs2、vuex、nuxt.js、ava

</h1>'))test.after('Closing server', t => {})import Vuex from "vuex"; return new Vue

浏览 1提问于2018-10-10得票数 5

1回答

这个业务逻辑有多少属于Vuex？

javascript、vue.js、vuex、state-management

我有一个简单的应用程序，它从API中提取产品并在页面上显示，如下所示：我将Vuex添加到应用程序中，这样当路由器将用户移动到特定的产品页面时，搜索结果和产品搜索数组就不会消失。搜索本身包括以下步骤：你明白了吧。由于所有变量都存储在Vuex<

浏览 2提问于2018-03-01得票数 15

回答已采纳

3回答

如何在vuex中从API中获取数据

javascript、vue.js、vuex

我想使用vuex存储从服务器获取的一些数据，这是我的SPA应用程序在不同的页面中需要的，这是为了避免每次用户更改产品页面时都会发出新的ajax请求(这是一个无头电子商务)。我的问题很简单，如何将获取的数据推入存储区中定义的数组中？如何在组件中获取数据？我正在编写代码，但不确定我是否做得很好。i

浏览 12提问于2022-02-28得票数 0

回答已采纳

3回答

将路由器参数获取到Vuex操作中

javascript、flux、vue.js、vuex

我希望将路由器参数传递到Vuex操作中，而不必像这样以较大的形式为每个操作获取它们： constpayload = {sportName, getters.getSportName} <-------}, 或者更糟的是:从组件属性中获取参数，并将它们传递给调度，对于每个调度。有没有一种

浏览 2提问于2017-02-12得票数 18

回答已采纳

1回答

Vue.js中的依赖周期问题

javascript、vue.js、vuejs2、state、router

4:1 error Dependency cycle via @/store/index:4 import/no-cycle路由器-> index.js:数据路径是我想要访问的主要路径。/模块/Common.js：import Vuex from &#

浏览 3提问于2021-11-30得票数 2

回答已采纳

1回答

Vue局部数据对象内部Vuex* getter值的获取*

vue.js、vuex、vuex-modules

嘿，这看起来很简单，但是我不知道如何让我的loggedInUser对象在模板之外工作。我阅读了许多其他的答案，我知道我必须做一些事情来将getter存储在一个本地数据对象中。我设置了一个临时的'id‘对象，因为为了附加到我的Axios请求，我最终希望设置为loggedInUser.id。下面是我想要更改的页面： import { mapGe

浏览 2提问于2020-08-12得票数 0

回答已采纳

2回答

使用vuejs将数据变量从子变量发送到父级

vue.js

我有一个模态组件(子组件名为modal_form.vue)，在另一个名为index.vue的组件中调用它--模态-- post() { getAPI.post('api/

浏览 4提问于2021-03-23得票数 1

回答已采纳

2回答

Nuxt/Vuejs --如何创建访问模块的实用程序？

vue.js、nuxt.js

但是，我想对代码进行更多的划分。一个例子是我使用axios向后端发出请求，响应中的数据被转换为vuex。 this.$store.commit('data/populate', response.data).catch((e) => {}) 我想为此编写一个util

浏览 3提问于2019-08-01得票数 0

回答已采纳

2回答

通过路由器视图将值传递给所有路由

javascript、vue.js、vuejs2

我有currency的数据，我希望将这个数据传递给所有视图，而不是在每个视图中调用相同的函数。因此，我决定在App.vue (my main view)中调用我的函数，但不知道如何将它与router-view一起传递HTML <el-container :is="layout"> <router-view id</

浏览 1提问于2020-01-24得票数 0

回答已采纳

1回答

vue-meta不会在页面刷新或动态组件的外部链接单击时显示标题、内容或架构

vue.js、vuejs2、vue-meta

当我通过导航栏导航到动态组件时，vue-meta标题、内容和模式都正确显示，但是当我刷新页面或单击外部链接时，我得到的值是undefined。我已经在json文件中存储了标题、内容和模式。route.params.markup,} <div class="landing-group-tours box" v-for="tour in boatTours" :key="tour.id">

浏览 43提问于2021-07-07得票数 0

回答已采纳

1回答

如何通过vue路由器和服务器提供的JWT令牌管理用户的身份验证？

node.js、rest、vue.js、jwt、vue-router

node.js后端公开了REST API，前端使用这些API进行登录、注销和其他类似CRUD的操作。在服务器端，登录REST API设置一个JWT令牌，并重定向到vue应用程序主路径。在前端，vue组件访问(包括主页)由vue路由器的beforeEach方法(基于来自的示例)保护。我的问题是，在我的vue应用程序中，如何访问JWT令牌(由响应的HTTP头中的登录

浏览 2提问于2017-10-06得票数 0

点击加载更多