时间戳

首页 > 解决方案 > 如何开始将 AWS Amplify 集成到 Nuxt.js 项目？

nuxt.js - 如何开始将 AWS Amplify 集成到 Nuxt.js 项目？

问题描述

我最近开始使用 vue 和 nuxt。我想在我的项目中添加一个 AWS 后端。我已经看到 Amplify 很有用，但无法找到任何有关如何在 nuxt 中实现它的资源。有什么建议吗？

标签： nuxt.jsaws-amplify

解决方案

我正在尝试实施 AWS 服务作为我正在开发的应用程序的后端。

通过执行以下步骤，我设法获得了与我的 Nuxt 应用程序一起使用的基本设置。

1.- 创建放大插件文件。（插件/amplify.js）

import Vue from 'vue'
import Amplify, * as AmplifyModules from 'aws-amplify'
import { AmplifyPlugin, components } from 'aws-amplify-vue'
import aws_exports from '@/aws-exports'
Amplify.configure(aws_exports)

Vue.use(AmplifyPlugin, AmplifyModules)

//register components individually for further use
// Do not import in .vue files
Vue.component('sign-in', components.SignIn)

2.- 将插件导入 Nuxt 配置。

plugins: [
    {
        src: '~plugins/amplify.js',
        ssr: false
    }
]

我将尝试进一步详细说明，或者创建一个教程。希望能帮助到你！

推荐阅读