nuxt.js 相关问题

如何停止变量以同步Nuxt

我作为异步asyncData（{重定向，参数，存储}）的结果返回一个变量，而该变量是：return {camera：c，我正在尝试将其克隆为created（）{this.dummyCamera =。 。

在w中，如何设置v2 api将完整的基本url（例如http：// localhost：8000“）附加到Steamfield图片和RichText嵌入？

我目前正在将nuxt.js用作w头无头cms的前端。当我在流域中加载RTF文本字段或图像块时，我无法或不知道如何附加完整的基本URL ...

aFrame a-assets not found local files

我正在将auxt与aframe一起使用...如果我尝试从资产项中的本地文件中获取资产，它表示可以找到它们。当我通过https加载它时，效果很好。普通资产，例如a-资产中的img ...

是否有任何方法可以检查.vue文件模板的语法错误？

非常令人尴尬的是，我在vue文件的模板部分犯了一个错误。我写了v-for如下。 [

如何在Nuxt.js中设置beforeResolve导航保护

是否可以在nuxt.config.js中添加beforeResolve导航保护？我的nuxt.config.js module.exports {...路由器：{beforeResolve（to，from，next）{if（this。$ store ....

离开网站后如何访问vuex商店

我将vue.js与nuxt结合使用，并希望在离开网站后从vuex存储中删除某些内容。我尝试了beforeDestroy（{store}）{store.commit（'auth / setUserShowSecureAccountHint'，false）} ...

如何通过云功能将Nuxt SSR应用程序部署到Firebase？

检查vuex-persist是否已还原Nuxt项目中的数据

我已经在我的Nuxt项目中添加了Vuex-Persist和Vuex-ORM。当应用程序第一次启动时，我想添加一些样板数据。在我的default.vue布局中，我添加了一个创建的函数...

Nuxt.js文档未定义（vuejs-datepicker）

我做了所有事情（也许）解决了这个问题，但是我的小错误不断出现.... :(首先，我的错误-我的“ vuejs-datepicker”在第一次加载页面时工作良好。但是当我重新加载它时，“参考...

$（...）。modal（）不是nuxt js函数

我正在尝试根据路线更改在vue组件中切换模式。调用$（“＃loginModal”）。modal（“ show”）;时nuxt显示.modal不是函数。我已经导入了jQuery和bootstrap.js ...

Nuxt js在Linux vm中启动，但不在Docker容器中启动，为什么？

从Linux的Windows子系统启动nuxt应用程序时，以及在Docker中启动同一应用程序时，我得到不同的结果。我已经在docker化了一些其他应用程序，所以对于...

从Nuxt.js到外部API的axios发布请求问题

我现在已经尝试了许多小时，以便通过Nuxt向我的外部api发送简单的发布请求。它可以从单独的节点实例按预期工作，我可以根据需要使用以下命令进行POST和GET：...

Nuxt.js调用axios获取本地文件失败，但404。但是，调用外部URL然后更改为本地文件是有效的]]

[[{{html_data}}

GET请求返回发送页面的HTML

我在Laravel中使用Nuxt / Vue，试图弄清楚如何使它们使用Axios在彼此之间传递数据。我能够使Laravel与数据库进行通信，并且能够...

nuxt前端上的Laravel关系

您好，我尝试使用laravel和nuxt制作应用程序，但无法显示模型中的关系。主要模型有：论坛论坛2.最后一个主题laravel的控制器：public ...

Firebase尝试启用脱机持久性时出现错误

我正在尝试使用Nuxt.js在Web应用程序上启用离线持久性。但是，我收到一个错误：启用脱机持久性时出错。退回持久性禁用：FirebaseError：[code = ...

如何在nuxt 2.12中为SSR正确使用新的fetch（）钩子？

我将Nuxt更新为最新版本，因为他们引入了新的fetch（）挂钩。在我的项目中，我正在使用asyncData（）之前从Prismic检索数据，但是在浏览时花了一些时间...

如何在Nuxt中为特定路由设置中间件

我正在尝试使用Nuxt auth模块保护我的Nuxt.js应用程序中的api路由。在我的nuxt.config.js中，我有：serverMiddleware：[{路径：'/ api'，处理程序：'〜/ api / index.js'}]我想使用它：...

在vuex动作（Nuxt.js）中访问this。$ fireStore

这里声明$ fireStore可以在vuex动作中访问：async randomVuexAction（{commit，state，rootState}，userId）{const ref = this。$ fireStore.collection（'users'）。doc（userId）。 ...

Vue.js方法中的Axios请求从“ mount（（））”启动时有效，但从html启动时不起作用）> ] >> 当我使用Nuxt.js 验证到Laravel Passport后端时，如下所示，它可以正常工作，并且我得到令牌： mounted() { this.axiosGetToken() } 但是，如果我在button中使用form运行该方法，则这样： <form @submit="axiosGetToken()"> <button type="submit">Axios login</button> </form> 然后，在浏览器开发人员工具的网络 选项卡中，获得Laravel页面的状态(canceled)。 该方法如下所示： axiosGetToken() { const url = 'http://laravel.test/oauth/token' const params = { client_id: 2, client_secret: 'S0gpcgfIDgbvIHCL3jIhSICAiTsTUMOR0k5mdaCi', grant_type: 'password', username: '[email protected]', password: '1qaz@WSX' } const headers = { } this.$axios .post(url, params, headers) .then(response => { // eslint-disable-next-line console.log(response) }) .catch(response => { // eslint-disable-next-line console.log(response) }) }, 此表格有什么问题？ [当我使用如下所示的Nuxt.js对Laravel Passport后端进行身份验证时，它可以正常工作，并且我获得了令牌： ：... 您应该添加prevent修饰符： <form @submit.prevent="axiosGetToken()"> <button type="submit">Axios login</button> </form> [默认情况下，submit事件尝试重新加载页面并从后端搜索操作以使其运行，因此prevent修饰符将阻止该操作并允许运行js事件处理程序。] > 如上所述，如果您使用带有类型为“ submit”的按钮的表单，则在按下该按钮时，它将使用默认的客户端行为并将请求发送到表单操作URL，添加阻止将停止该行为。 尽管这是一个有效的答案，但我建议在按钮上添加一个@ click =“ axiosGetToken（）”。 <form> <button type="button" @click="axiosGetToken()">Axios login</button> </form>

[当我使用如下所示的Nuxt.js对Laravel Passport后端进行身份验证时，它可以正常工作，并且我获得了令牌： ：...