-
3 votesanswersviews
Nuxt Vuex商店Cookie问题
一天的美好时光！ 经过几周的项目开发，我决定从普通的Vue迁移到Nuxt . 主要是因为我需要SSR，虽然我知道Google可以执行页面上显示的JS，因此可以为他们的搜索机器人生成适当的内容 . 另一个原因是项目开发的一般工作流程 . 我喜欢自动实例化路线，商店等的想法 . 但是，当它在 mode: universal 而不是 mode: spa 中运行时，我遇到了一个非常奇怪的应用程序行为 . ... -
0 votesanswersviews
路由器使用nuxt-i18n在nuxt中推送语言环境路由
我使用nuxt-i18n在我的应用程序中获得国际化 . 我有一个新闻列表给我这样的路线： myapp.com/news (default language english) myapp.com/fr/news myapp.com/it/news 当我点击新闻我想要到达_id页面只获得我点击的新闻 . 所以我在一个方法（onclick）中做到了这一点： onLoadNews(id) {this.$... -
2 votesanswersviews
Nuxt（Vue），登录后解析路由，在动态生成的路由上添加beforeGuard
如您所知，Nuxt会自动生成具有给定页面的VueRouter . 我想要实现的是添加一个自定义的auth防护 . 所以基本上在呈现路由之前我会检查用户是否经过身份验证，如果是则显示该页面，如果没有显示登录页面并在登录后解析路径 . 因此，文档指出中间件是处理此类案例的一种方式 . 在我的情况下， auth.js 在 middleware 文件夹中： export default function ... -
0 votesanswersviews
SyntaxError：意外的令牌<尝试使用AVA进行测试时
我的原始问题出现在基于nuxt的项目中 . 试图解决它我通过vue-cli设置了一个新项目，并再次通过npm安装了AVA，但它没有改变任何东西 . 我在github上发现了这个问题（https://github.com/nuxt/nuxt.js/issues/438），其中一条评论（Atinux 's, from 25th of March) seems to anwser my question... -
1 votesanswersviews
使用nuxt，如何将路径名称放在页面 Headers 中？
我想将页面 Headers 设置为每个页面的不同值 . 在常规的Vue.js中，我做了以下事情： import router from './router' import { store } from './store/store'; router.beforeEach((to, from, next) => { store.mutations.setRoute(to); ... -
2 votesanswersviews
页面未找到“/”路线
我正在尝试使用Nuxt为服务器端渲染设置VueJS应用程序 . 但是，在部署到我的服务器之后，index.vue将返回404 Page not not found错误 . 在我的开发机器上运行时不会发生这种情况，即使在我的服务器上以开发模式运行，仍然会发生这种情况 . 所有其他路由都可以工作，从应用程序本身到索引路径工作正常 . 它只是在刷新时不加载 . 例如： http://myapp.com/... -
0 votesanswersviews
在NUXT JS中丰富断点时动态更改路由
很长一段时间我都很难找到解决问题的方法 . 让我们开始吧 . 我有一个简单的单页网站，我尝试用VUE JS和NUXT JS构建静态网站渲染 . 该网站具有带导航的粘性 Headers ，以及页眉和页脚中的相同导航 . 重点是滚动到不同的断点时更改活动路线 . 如何在屏幕顶部越过动态路径的路径，例如div = id =“about”？ 请建议盯着NUXT.js的最佳解决方案 -
1 votesanswersviews
如何使用Nuxt和asyncData观察路由更改
大家好我想在我的nuxt js应用程序中观察路线变化 . 这是我的中间件： export default function ({ route }) { return route; but i don't know what to write here } index.vue文件 middleware: [routeReact] 我想写这个： app.context.route = rout... -
0 votesanswersviews
Vue.js和Nuxt.js
霍拉，首先感谢那些回答这个问题的人 . 这个问题可能是 silly to ask . 我正在将我的水疗中心从vue.js切换到由vue.js提供的nuxt，但是现在我写的是trobule，因为整个nuxt的工作原理是0％visiblity . Question ： 如何注册全局组件 . 如何在客户端行为的某个用户上切换nuxt中的布局 . 在哪里写vue.use（someplug... -
0 votesanswersviews
Vuex /州管理层没有使用路由历史记录在Nuxt上工作
我有一个内置于Nuxt的vue应用程序，它启用了vue路由/历史记录 . 问题是当我将某些内容保存到app状态/ Vuex时，它会在单页上更改，但是当我导航到新页面时，它已被清除并将状态返回到它的默认值 . 我是否必须做一些事情来使vuex中的状态管理能够在不同的页面上工作？ 存储/ index.js import Vuex from "vuex" const createS... -
2 votesanswersviews
nuxt app里面的Vuex抛出“不要在突变处理程序之外改变vuex存储状态”！
在我的NUXT应用程序中，我正在使用vuex商店模块！当我运行应用程序并打电话 this.$store.dispatch('userStore/setLoggedInUser',currentUser); //default.vue 我得到一个错误，说“不要改变变异处理程序之外的vuex存储状态”，它无限循环！ 我的模块看起来像这样： const actions = { setLoggedI... -
0 votesanswersviews
为什么我的Vuex getter在客户端返回TRUE而在服务器端返回FALSE？
我正在使用NUXT中间件来检查用户是否登录，并相应地保护某些路由 . 问题是，当登录用户刷新其中一条受保护路由上的页面时，会话将丢失 . 我的Vuex存储状态有一个getter（使用NUXT）： getters: { isLoggedIn (state) { return !isEmpty(state.auth.email) && !isEmpty(state.auth... -
0 votesanswersviews
随机地进行突变无法更新NUXT中的状态
我正在尝试在Nuxt Js中设置基于JWT的身份验证 . 到目前为止，我已成功登录到我的服务器，检索JWT令牌并将令牌保存在cookie中，以便在页面重新加载时保持状态 . 我已经设置了一个auth中间件，它只是调度一个动作 intiAuth ，请求对象（包含cookie）被传递给它 . intiAuth操作从请求中提取令牌，并从服务器检索用户，并通过提交 setUser 突变来更新状态 . i... -
0 votesanswersviews
Nuxt / Vue：如果单击嵌套的nuxt-link，则单击忽略的父项
我对nuxt，vue和vuex存储有以下问题： 我有一个特殊的移动布局，有两列，可以点击：https://streamable.com/fqm8a 如您所见，左侧列中的单击显示它，右侧的单击显示日历 . 我现在要改进的是：如果我点击日历中的预告片，我想自动将帖子滑动到视图中 . 到目前为止，我在包装列上有这个代码： <template> <div class="Ca... -
2 votesanswersviews
Vuejs莫代尔 . 避免更换道具，nuxt.js iview
我需要帮助模态，我试图让这个问题在昨天排序，但后来变得更糟 . 所以请任何帮助将不胜感激 . 我有一个父组件，里面有一个模态（子组件） 在我父母的代码中： <template> <div class="all"> <Button type="primary" @click="modalUp()">P... -
0 votesanswersviews
下载按钮Vue.js / Nuxt.js
如何在我的Vue网站上有一个按钮，一旦点击就会将文件下载到用户的设备上？ 在普通的HTML中我知道它就像 <a href="/assets/img/IMAGE.jpg" download="IMAGE DOWNLOAD TEXT" class="btn">IMAGE DOWNLOAD LINK</a> 如何将其转换... -
3 votesanswersviews
保护SSR Nuxt.js（或普通Vue.js）中仅用于auth的路由的源代码
我使用带有 nuxt.render 中间件的Express后端来整合我的API，前端和开发环境 . 到目前为止，一切都很顺利，但我对我的auth设置的安全性有一些担忧 . 我的后端通过Nuxt中间件将其用户会话注入Vuex . 虽然这对于限制访问非常有用，但这些文件的源代码始终可以使用直接GET方法 . （例如，如果 /admin 受到保护， /_nuxt/admin.js 仍然可用，并将包含该... -
2 votesanswersviews
Vue.js：在vuex行动中未被捕获的承诺
我理解vuex动作返回承诺，但我没有在vuex中找到 ideal pattern to handle errors . 我目前的方法是在我的axios插件上使用错误拦截器，然后将错误提交到我的vuex商店 . 在 plugins/axios.js ： export default function({ $axios, store }) { $axios.onError(error =&g... -
0 votesanswersviews
为什么我的Vue.js项目在使用赛普拉斯的CircleCI测试期间不会出现？
我的项目是使用Vue.js构建的，由Nuxt提供支持 我正在使用Cypress来编写/运行测试 我正在使用CircleCI（v2）来运行测试 在本地，使用赛普拉斯在macOS上的Electron浏览器实例，测试运行正常 . 在CircleCI上，测试显示一个空白屏幕 . 测试失败后我已经连接到CircleCI，如果我向该地址的本地服务器发出 curl 请求，则会返回正确的HTML... -
0 votesanswersviews
无头cms访问wp-admin（nuxt.js wordpress）
我有个问题 . 我安装了wordpress并启用了rest api . 之后我构建了nuxt.js应用程序 . 它从localhost：3000开始（当我运行npm run dev时） 我找到了xampp，以便服务器的文档根目录在wordpress文件夹中 . 当我尝试localhost / wp-admin时，我得到了管理员面板，但如果我尝试localhost：3000 / wp-admin我无... -
1 votesanswersviews
故事书Vue与全局Scss变量
CLI工具：故事书框架：Vue / Nuxt 问题：我正在尝试将全局SCSS变量引入Storybook Stories，因此它们以与在Nuxt中相同的方式运行组件，我尝试使用sass-resources-loader自定义webpack配置但没有运气，只是想要检查是否有其他人已经解决了这个问题 -
1 votesanswersviews
在单个路由/页面上多次调用服务器的Nuxt / Vue错误？
为什么Nuxt在 single 路由/页面上调用服务器 many times ？ 以下是我从他们的express-template测试的例子： import express from 'express' import { Nuxt, Builder } from 'nuxt' import api from './api' const app = express() const host = ... -
2 votesanswersviews
nuxtjs中的vuex模块模式
我正试图在nuxtjs的vuex商店中使用模块模式实现一个待办事项列表，但是得到错误 . $ store.todo是未定义的，无法找到与nuxt相关的内容 任何人都可以帮助我 store index.js export const state = () => ({ }) export const mutations = { } 存储todo.js export const state... -
1 votesanswersviews
vue router $ router.replace在nuxt中的客户端路由时无法正常工作
我有搜索页面，我用更新的过滤器值使用 $router.replace({params: filters}); 更新查询字符串 . 但是当我使用客户端导航从另一个页面导航到过滤器页面时，正在中止 $router.replace() . 这是我的代码： component <filter-section @filterSearch="filter" ... -
3 votesanswersviews
Apache服务器上的Nuxt应用程序
一天中的美好时光！ 我正在使用静态生成的网站 npm run generate 命令，虽然放在页面目录中的所有页面工作得很好（动态页面，所有实现的功能等），但不存在的页面只返回默认的Web服务器错误页面 . 在具有 npm run dev 的本地机器上，我可以强制使用Nuxt生成的 'Page not found' 错误，而在运行Apache的 生产环境 服务器上，我不能使用包提供的中间件（例如@... -
2 votesanswersviews
Nuxt.js：如何覆盖scrollBehaviour以进行单个路由更改
我有一个nuxt页面，我在每次路由器更改时滚动到顶部 . 我们在nuxt.config.js中定义了这个 scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) } 现在我有一个单一的导航链接，这有点特别：«联系»不会导致只有联系信息的新页面，而是应该转到页脚，其中每页都写有联系人详细信息 . 所以我添加了一个链接... -
2 votesanswersviews
Nuxt JS / Vue中的动态URL路径
Nuxt JS基于文件系统创建其路由 . 您通常需要为动态参数设置模板，例如 _id.vue 等 . 但是，我的后端开发人员有一个CMS，它会向JSON发送指向完全动态URL的页面的链接 . 例如 /about-us/people/michael/ 我无法提前知道如何使用Nuxt基于文件的系统路由这些类型的URL . 一些链接可能如下所示： /articles/hello-world/ 等 . 有... -
2 votesanswersviews
页面重新加载时的Nuxtjs，VUEX和Firebase身份验证
我在Nuxt应用程序中使用Firebase身份验证，但我无法找到一种在我的Store中保持用户登录状态的好方法 . 我通过在我的商店中调度异步操作来记录用户 . 当用户刷新浏览器（重新加载）时，用户将在我的应用程序中注销，但仍将保留在Firebase中（因为他们没有注销） . 这是一个问题，因为用户必须再次登录我的应用程序才能查看受限页面并执行某些操作 . 我尝试从NuxtServerInit中获... -
0 votesanswersviews
使用路由器模块在Nuxt中编写API时出现SSR错误？
我在路由器模块中使用Nuxt目前，我写这样的api： <template> <div class="row flex"> {{posts.id}} </div> </template> <script> import axios from 'axios' import Item from '~/... -
0 votesanswersviews
使用Nuxt.js和Vue-i18n重定向到同一页面但切换语言URL
我试图通过一种方法重定向用户，当他点击特定按钮来更改应用程序的语言 .这些按钮是标准布局的一部分，项目的所有页面都是标准布局的一部分，因此URL可以根据用户所在的页面而有所不同，但按钮始终相同，这意味着重定向必须是动态的 . 例如网址： localhost/about 应该通过该方法重定向（通过按下特定按钮）： localhost/bg/about 在项目中，页面位于文件夹 _locale 内...