如何在nuxt.js内容文档主题中添加身份验证

npm install @nuxtjs/auth

modules: [
  '@nuxtjs/auth'
],
auth: {
  strategies: {
    local: {
      endpoints: {
        login: { url: '/api/auth/login', method: 'post', propertyName: 'token' },
        logout: { url: '/api/auth/logout', method: 'post' },
        user: { url: '/api/auth/user', method: 'get', propertyName: 'user' }
      },
      // 可根据实际需求进行配置
      // 如需要使用cookie存储token，可以添加以下配置
      // token: {
      //   property: 'token',
      //   required: true,
      //   type: 'Bearer'
      // },
      // 如需要使用localStorage存储token，可以添加以下配置
      // token: {
      //   property: 'token',
      //   required: true,
      //   type: 'Bearer',
      //   storage: 'localStorage'
      // },
      // 如需要使用vuex存储token，可以添加以下配置
      // token: {
      //   property: 'token',
      //   required: true,
      //   type: 'Bearer',
      //   storage: 'vuex'
      // },
    }
  }
},

<template>
  <div>
    <input type="text" v-model="email" placeholder="Email">
    <input type="password" v-model="password" placeholder="Password">
    <button @click="login">Login</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      email: '',
      password: ''
    }
  },
  methods: {
    async login() {
      try {
        await this.$auth.loginWith('local', {
          data: {
            email: this.email,
            password: this.password
          }
        })
        // 登录成功后的逻辑
      } catch (error) {
        // 处理登录失败的逻辑
      }
    }
  }
}
</script>

<template>
  <div v-if="$auth.loggedIn">
    <h1>Welcome, {{ $auth.user.name }}</h1>
    <!-- 受保护的内容 -->
  </div>
  <div v-else>
    <h1>Please login to access this page.</h1>
  </div>
</template>

const express = require('express')
const app = express()

app.post('/api/auth/login', (req, res) => {
  // 处理用户登录逻辑
  // 验证用户身份，生成并返回token
})

app.post('/api/auth/logout', (req, res) => {
  // 处理用户注销逻辑
  // 销毁token
})

app.get('/api/auth/user', (req, res) => {
  // 处理获取用户信息逻辑
  // 根据token验证用户身份，并返回用户信息
})

// 其他API路由...

app.listen(3000, () => {
  console.log('Server is running on port 3000')
})