vue项目1-pizza点餐系统9-axios实现数据存储

Posted 2022-04-23 jimshi

一、安装、引入axios

1、终端输入cnpm install axios

2、在main.js中引入 import axios from ‘axios’

3、配置路径

axios.defaults.baseURL = ‘https://order-app1.firebaseio.com/’

二、在register组件中写登陆方法

1、现在script中导入axios

import axios from ‘axios‘

2、实现方法

<script>
 import axios from ‘axios‘
 export default 
     data()
         return
             email:‘‘,
             password:‘‘,
             confirmPassword:‘‘
         
     ,
     methods:
         onSubmit()
             if(this.password === this.confirmPassword)
                const formData = 
                    email:this.email,
                    password:this.password,
                    confirmPassword:this.confirmPassword
                
                axios.post(‘/users.json‘,formData)
                    .then(res => this.$router.push(
                        name:‘loginLink‘//直接跳转到登陆界面
                    ))//console.log(res) 
                    
                 
             else
                 alert("两次密码不一致!")
             
           
     
 
 </script>