d2admin 创建了vue项目,现在怎么调取本地接口,
例如后台管理系统,要做系统的登录以及增删改查
要调用本地接口,你可以使用 Vue.js 提供的 axios 库向后台发送请求。在使用 axios 之前,你需要先在项目中安装 axios 库,在终端中进入项目的根目录,执行以下命令即可:
npm install axios --save
安装完毕后,在需要调用接口的组件中引用 axios 库,并使用 axios 发送请求,示例如下:
import axios from 'axios'
axios({
method: 'get',
url: '/api/login',
params: {
username: 'admin',
password: '123456'
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
上述代码中,通过 axios 发送一个 GET 请求到接口地址为 /api/login,并携带了用户名和密码两个参数,成功返回时输出返回结果,失败时输出错误信息。
具体实现中,需要把 /api/login
修改为你自己的接口地址,然后根据具体项目需要进行参数的设置和处理。
总之,使用 axios 调用本地接口是比较简单和常见的操作,需要掌握的是路由地址和参数的设置。希望对你有所帮助。