vue axios express实现登录注册页面 附代码完整版(解决req.body为空!)

本文介绍了在Vue.js前端和Express后端如何实现登录注册功能,并详细讨论了在实现过程中遇到的req.body为空的问题。通过使用express-fileupload作为解决方案,提供了完整的前后端代码示例,包括前端表单创建、axios请求以及后端接口设置。同时,文章还提及了数据库连接的相关内容。
摘要由CSDN通过智能技术生成
描述:

我在做的时候req,body始终为空
查了很多帖子都是相同的答案———用body-parser
但是我已经添加了还是没用
最后才知道还需要前端只要用了fromData就需要额外的包,因为node端解决不了。

方法:
multiparty 或者 multer 或者 express-fileupload

我在这里使用的是express-fileupload

用法:
npm i express-fileupload


//在server.js引入
var fileUpload = require('express-fileupload');
app.use(fileUpload());

完整代码在下方:复制就可以直接用

1.前端代码:

这里用vue随手写个from就行
用到axios

<template>
  <div class="from_box">
    <form action="">
      <input type="text"  placeholder="请输入昵称" v-model="name">
      <input type="password" placeholder="请输入密码" v-model="password">
    </form>
    <button class="but" @click="onSubmit()">提交</button>
  </div>
</template>
 
<script>
import axios from 'axios';
 
export default {
   
  name: "from",
  data() {
   
    return {
   
        name:'',
        password:''
    };
  },
  methods: {
   

    onSubmit() {
   
      /* json格式提交: */
        // let formData = JSON.stringify(this.formMess);
 
      /* formData格式提交: */
    let formData = new FormData();
    formData.append("name",this.name);
    formData.append("password",this.password);


        console.log(formData)
        axios({
   
	    method:"post"
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值