Laravel 如何将我的自定义API与Vue Metronic模板Axios一起使用

我在使用模板Metronic Vue（演示7）时遇到问题。 我很难使用login/register默认Metronic模板，所以我想使用Laravel MIX API创建我的自定义login/register和另一个方法CRUD，但当我使用Axios请求API时，请求总是出错

当我在Metronic模板中访问自定义API时，有什么特殊方法吗

在这段代码中，我想尝试console.log（）。这是代码：

<b-form class="form" @submit.stop.prevent="onSubmit">

    <b-form-input
    class="form-control form-control-solid h-auto py-5 px-6"
    type="email"
    v-model="this.form.email"
    ></b-form-input>

    <b-form-input
    class="form-control form-control-solid h-auto py-5 px-6"
    type="password"
    v-model="this.form.password"
    ></b-form-input>

    <button type="submit" class="btn btn-primary font-weight-bold px-9 py-4 my-3 font-size-3">
    Sign In
    </button>
</b-form>

<script>
import axios from 'axios'

export default {
    name: 'login',
    data() {
        return {
            form: {
                email: '',
                password: ''
            }
        }
    },
    methods: {
        onLogin() {
        axios.post('http://localhost:8000/api/getUser')
            .then(response => 
            console.log(response)
            })
            .catch(error => {
            console.log('error created')
            console.log(error)
            })
        }
    }
}
</script>

登录
从“axios”导入axios
导出默认值{
名称：'登录'，
数据（）{
返回{
表格：{
电子邮件：“”，
密码：“”
}
}
},
方法：{
onLogin（）{
轴心柱http://localhost:8000/api/getUser')
。然后（响应=>
console.log（响应）
})
.catch（错误=>{
console.log（'创建错误'）
console.log（错误）
})
}
}
}

---

要使用此代码，您应该删除两项内容：

从main.js中删除MockService初始化

//删除此项以禁用模拟API
MockService.init（）；

从main.js中删除API初始化

//API服务初始化
ApiService.init（）；

要使用此代码，您应该删除两项内容：

从main.js中删除MockService初始化

//删除此项以禁用模拟API
MockService.init（）；

从main.js中删除API初始化

//API服务初始化
ApiService.init（）；