Proxy 当我将axios与Nuxt.js一起用于API通信时,会出现一个错误,即502(坏网关)

Proxy 当我将axios与Nuxt.js一起用于API通信时,会出现一个错误,即502(坏网关),proxy,amazon-dynamodb,nuxt.js,Proxy,Amazon Dynamodb,Nuxt.js,实现了一个新的注册屏幕,开发语言为Nuxt.js,数据库为AWS/DynamoDB。 这次我想使用axios的post方法在DynamoDB中注册用户名、电子邮件地址和密码,但出现了502错误 代码如下 ↓nuxt.config.js axios: { proxy: true }, proxy: { '/regist': { target: 'requestURL', pathRewrite: { '^/regist':

实现了一个新的注册屏幕,开发语言为Nuxt.js,数据库为AWS/DynamoDB。 这次我想使用axios的post方法在DynamoDB中注册用户名、电子邮件地址和密码,但出现了502错误

代码如下

↓nuxt.config.js

  axios: {
      proxy: true
    },
  proxy: {
    '/regist': {
      target: 'requestURL',
      pathRewrite: {
        '^/regist': '/'
      }
    },
↓注册.vue


<!-User name / email address / password input screen->
    <div class="container">
      <validation-observer v-slot="{ invalid }">
        <div class="wrapper">
          <div>
            <div class="user_name">
              <p>UserName:</p>
              <text-field-with-validation v-model="username" rules="required" fieldname="UserName" />
            </div>
            <div class="mailaddress">
              <p>Mailaddress:</p>
              <text-field-with-validation v-model="mailaddress" rules="email" fieldname="Mailaddress" />
            </div>
            <div class="password">
              <p>Password:</p>
              <text-field-with-validation v-model="password" rules="required" fieldname="Password" />
            </div>
          </div>
          <button type="submit" class="registration-button" :disabled="invalid" @click="signUp">Regist</button>
        </div>
      </validation-observer>
    </div>

<script>
import TextFieldWithValidation from "@/components/TextFieldWithValidation";

export default {
  data: function() {
    return {
      username: '',
      mailaddress: '',
      password: ''
    };
  },
  methods: {
    signUp(){
      this.$axios.post('/regist',
      {
        m_users: {
            user_name: this.username,
            mailaddress: this.mailaddress,
            password: this.password
        }
      }
      )
      .then(res => {
        console.log(res);
      })
      .catch(() => {
        alert('✖︎✖︎✖︎');
      })
    },
  }
};
</script>

用户名:

邮寄地址:

密码:

注册 从“@/components/TextFieldWithValidation”导入TextFieldWithValidation”; 导出默认值{ 数据:函数(){ 返回{ 用户名:“”, 邮寄地址:'', 密码:“” }; }, 方法:{ 注册(){ 此.axios.post(“/regist”, { m_用户:{ 用户名:this.username, mailaddress:this.mailaddress, 密码:这个是密码 } } ) 。然后(res=>{ 控制台日志(res); }) .catch(()=>{ 警惕('✖︎✖︎✖︎'); }) }, } };
为了避免CORS限制,代理安装在nuxt.config.js中。 我有麻烦是因为我不知道原因。
如果您能告诉我如何解决,我将不胜感激。

502错误很可能是一个错误。您是否能够使用类似的应用程序向您的API发出相同的请求?

我从未使用过Postman。请求似乎已发送,但内容似乎为空。使用axios进行API通信有错吗?当我尝试与Postman进行通信时,这是一个错误显示“消息”:“内部服务器错误”要检查的变量太多了。我会先通过
POST
ing/
GET
ing来消除您使用axios作为变量的情况,例如,确保您得到了正确的响应。如果是,那么您很可能会遇到服务器端或您的请求主体错误。