Vue.js 登录时出现Auth0和Nuxt JS 400（无法获取脚本源）错误

我是nuxt领域的新手，任何时候登录都会遇到400页的页面。除了添加一个ENV文件之外，我直接按照其他文件的说明进行操作

我还添加了我的应用程序URI，以允许我的本地主机

这是我的

numxt.config.js

文件，里面有所有的auth0配置

export default {
  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/pwa',
    '@nuxtjs/auth-next',
  ],

  axios: {
    baseURL: 'http://localhost:5000',
  },

  env: {
    DOMAIN: process.env.DOMAIN,
    CLIENT_ID: process.env.CLIENT_ID,
    REDIRECT_URI: process.env.REDIRECT_URI,
  },

  // Auth0 Authentication

  auth: {
    redirect: {
      login: '/login', // redirect user when not connected
      logout: '/',
      callback: '/home',
    },
    strategies: {
      auth0: {
        domain: process.env.DOMAIN,
        client_id: process.env.CLIENT_ID,
        audience: 'https://MyApiLinkFromAuth0',
      },
    },
  },
}

这是我在

/login

页面中的组件

<template>
  <div>
    Login Page
    <div>
      <button @click="login">Login</button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    login() {
      this.$auth.loginWith('auth0')
    },
  },
}
</script>

登录页面
登录
导出默认值{
方法：{
登录（）{
此.$auth.loginWith（'auth0'）
},
},
}

除非您的代码示例中遗漏了某些内容，否则缺少

受众

配置就是您的问题：

客户端ID和域是必需的。应用程序需要有关此客户端的一些详细信息才能与Auth0通信

访问群体是必需的，除非您在Auth0租户上明确设置了默认访问群体。

---

请记住，您可以通过转到仪表板，单击租户下拉列表（左上角）并选择设置来配置默认受众。然后向下滚动到API授权设置并输入默认受众。

在

客户端id

中发现了一个输入错误。它应该是

clientId

。auth0日志很有帮助。

嘿，亚当，谢谢你回来。我添加了我的访问者，并在auth0 URI设置中接受我的本地主机。我仍然被重定向到400page@Pwntastic400错误的详细信息是什么？它应该会告诉您的请求有什么问题。在错误中，它显示

无法获取脚本源。

但是我的请求url看起来不错。查询参数很好。