Proxy 当我将axios与Nuxt.js一起用于API通信时,会出现一个错误,即502(坏网关)
实现了一个新的注册屏幕,开发语言为Nuxt.js,数据库为AWS/DynamoDB。 这次我想使用axios的post方法在DynamoDB中注册用户名、电子邮件地址和密码,但出现了502错误 代码如下 ↓nuxt.config.jsProxy 当我将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':
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作为变量的情况,例如,确保您得到了正确的响应。如果是,那么您很可能会遇到服务器端或您的请求主体错误。