nuxt.js相关内容

拖尾css+Nuxt背景图片

我在Nuxt项目中使用TailwinCSS,并尝试将背景图像添加到Header元素。针对这一问题的tawincss官方文档解决方案如下: 我的bitcoin.jpg图像所在的webpack资产文件夹中有一个图像文件夹。 我已尝试使用 ..
发布时间:2022-08-14 17:45:59 前端开发

在AWS Amplify控制台上部署为SPA后,Nuxtjs动态路由在页面重新加载时不起作用

我已使用AWS Amplify控制台将我的Nuxtjs应用程序部署为AWS上的SPA。现在我的网站有一些动态路线,当重新加载或在新选项卡中打开时,会重定向到404页。我知道当我们使用nuxt generate生成静态站点时,路由应该使用nuxt.config.js中的routes()。但在SPA模式下,它应该正在进行页面刷新或重新加载。即使在SPA模式下运行时以角度运行,动态路线也可以正常工作。当 ..

可以从页面调用nuxt中的组件方法吗?

我开始使用Vue.js,我正在使用Nuxt.js。 我已经创建了一个组件(SnackBar),并且在该组件中创建了一个方法“showSnackbar”,该方法传递两个参数:颜色和文本。 因此,当我调用showSnackbar(颜色,文本)时,它会出现。 但是,我想从页面调用此方法。因为我想在某些页面中使用这个快捷栏,而且我不想一直编写相同的代码,所以这就是我决定创建组件的原因。但我无法从页面 ..
发布时间:2022-08-02 16:06:32 前端开发

如何在Nuxt.js商店中使用本地存储

我正在处理nuxt.js项目。在这里,我希望在Nuxt-Store内部使用localStorage,还希望从Nuxt-Middleware访问localStorage值。它显示错误。 未定义本地存储。 如何解决此问题? 此处,store/index.js 的代码示例 setUser(state, { user }){ state.user = user sta ..
发布时间:2022-08-02 15:56:11 前端开发

我们可以将SPA概念与Nuxt.js中的动态嵌套路由结合起来吗?

在我的Nuxt.js应用程序中,我必须使用动态嵌套路由。这意味着我最终将生成各种HTML文件。问题是,我必须将我的整个应用程序嵌入现有的网站中,准确地说,是在一个特定的页面上。一开始我以为只需要一页,但最后我有了多页。 考虑到这些限制,我如何嵌入我的文件?有什么办法吗? 是否可以将SPA概念与动态嵌套路由结合起来? 推荐答案 我确认我们组合了SPA和动态嵌套路由。 所有要做的 ..
发布时间:2022-06-26 19:17:31 前端开发

如何修复类似&gyp错误的node.js错误!当我启动Nuxt.js项目时,发现包括使用C++&Q;工作负载进行桌面开发的VS。

我在最新的项目中使用了Nuxt.js,并将新PC改为开发 我的项目。 因此,我按照通常的过程安装了node.js。 然后我启动了新的nuxt.js项目,由";create-nuxt-app";使用。但是,错误消息如下所示。 gyp ERR! find VS You need to install the latest version of Visual Studio gyp ..
发布时间:2022-06-26 19:11:24 其他开发

如何使用CodeMirror Lint中的lint突出显示语法错误并删除CodeMirror以使文本区正常

我有一个Nuxtjs/Vuejs应用程序,其中我有2textarea。一个用于XML,另一个用于JSON。我想突出显示XML/JSON中与特定行相对的语法错误,并向用户显示消息。如下所示:ErrorHighlighting Link 我尝试在我的Nuxtjs/Vuejs应用程序中实现它,但不能正常工作,并且我收到了一个基于JSHINT的错误,因为它没有导入。有人能告诉我如何在XML和JSON的C ..
发布时间:2022-06-26 18:55:58 前端开发

在Azure Web应用程序上启动时出现Nuxt.js应用程序错误

我正在尝试在Azure上运行Nuxt.js应用程序。当我使用Azure DevOps CI/CD将应用程序(成功)部署到Azure Web应用程序时,该应用程序将不会运行。 请参阅下面的错误。 据我所知,这意味着找不到Package.json,因此应用程序无法启动。 我在Azure DevOps上的构建/发布管道的图像here。 2019-09-11T08:09:27.40 ..

Nuxt.js中的dev-Tools样式编辑问题

我正在开发一个Nuxt.js应用程序,我经常需要在浏览器的dev-Tools中检查样式,但当我确实在dev-Tools中更改样式时,浏览器中的所有样式都会重置吗?其他人也有同样的问题吗?我似乎在其他地方找不到关于这个的任何东西?? 推荐答案 在nuxt.config.js文件上,禁用sourceMaps对具有加载器属性的scss文件 export default { // . ..
发布时间:2022-06-26 18:08:36 前端开发

如何使用Nuxt中的私有API密钥在点击按钮后发送请求?

我将API凭据保存在nuxt.config.js文件的privateRuntimeConfig选项中。我希望这些密钥在服务器中安全,而不希望这些在客户端中。 现在,我想在用户单击按钮后向API发送请求,但我需要使用该键,但它们不在客户端中。所以,我不知道该怎么做。我有这样的东西: index.vue ..
发布时间:2022-06-22 13:54:17 其他开发

如何在Nuxt;s AsyncData中对Promise.All进行数组解构

我正在使用Nuxt和Vue,使用MySQL数据库,所有这些对我来说都是新的。我正在从WebMatrix过渡,在WebMatrix中,我有一个用于多个表的Admin页面,带有用于选择特定选项的下拉列表。在这个页面上,我可以选择添加、编辑或删除所选选项,比如作曲家或音乐作品。以下是其中两个表的一些代码(获取模块构建失败的运行时错误): export default { a ..
发布时间:2022-04-03 17:00:31 前端开发

Nuxt.js-在页面中添加两个布局

我是Nuxt.js的初学者,我正在将Vue的一个项目转换为Nuxt.js,我想在一个页面上使用两个布局(默认布局和另一个布局)。逻辑是这样的: 第一个布局是所有页面上的(默认)或页眉,第二个布局是设置栏。 在设置页面中,我有3条路线(参见项目结构:image): 设置/头像 设置/帐户 设置/关于 我希望三个路由的设置栏相同。我可以将设置栏添加到所有三个子页面,如:layout: ..
发布时间:2022-03-28 23:21:37 前端开发