Vue.js 如何修复nuxtjs中CORS策略阻止从源站访问XMLHttpRequest的问题？

我使用nuxt auth模块并使用API获取令牌，但我在CORS策略方面遇到了一个错误，我该怎么办

我尝试了另一个API来登录并成功。我犯了这样的错误

CORS策略已阻止从源“”访问“”处的XMLHttpRequest:对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态

这是我的nuxt.config.js：

axios: {
 baseURL: 'http://blablabla.co.id/index.php'
},
auth: {
 redirect: {
  login: '/login',
  home: '/mainmap',
  logout: '/login'
},
strategies: {
  local: {
    endpoints: {
      login: {
        url: '/api_users/login',
        method: 'post',
        propertyName: 'token'
      },
      logout: false
    }
  }
},
token: {
  name: 'token'
},
cookie: {
  name: 'token'
}

和我的登录组件：

async login () {
    try {
      await this.$auth.loginWith('local', {
        data: {
          username: this.username,
          password: this.password
        }
      })

      this.$router.push('/')
    } catch (e) {
      console.log(e.response)
      this.error = e.response.data.error
    }
  }

API的响应是

{“状态代码”：400，“状态文本”：“错误请求”，“错误”：[“需要用户名字段”，“需要密码字段”]}

---

我已调试，用户名和密码不为空，因此任何人都可以帮助解决此问题？

响应不会显示任何类似CORS的错误。响应状态代码为400。如果是CORS错误，则只能在HTTP端获得该错误

---

请检查您的请求负载。如果可能，请发布请求负载的屏幕截图。

响应不会显示任何类似CORS的错误。响应状态代码为400。如果是CORS错误，则只能在HTTP端获得该错误

---

请检查您的请求负载。如果可能，请发布请求有效负载的屏幕截图。

您尝试过使用axios代理模块吗？

您尝试过使用axios代理模块吗？

就是这样，我没有收到请求的有效负载就是这样，我没有收到请求的有效负载有两种方法。查看链接以确定如何将其应用于项目。1.使用Axios模块2时。使用Nuxtj.s Axios模块时，如果使用Axios中的代理选项，可以从发送请求到。有两种方法。查看链接以确定如何将其应用于项目。1.使用Axios模块2时。使用Nuxtj.s Axios模块时，如果使用Axios中的代理选项，则可以将请求从发送到。