d2admin 创建了vue项目,现在怎么调取本地接口,
例如后台管理系统,要做系统的登录以及增删改查
d2admin 创建了vue项目,现在怎么调取本地接口
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- 憧憬blog 2023-03-15 04:50关注
要调用本地接口,你可以使用 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 调用本地接口是比较简单和常见的操作,需要掌握的是路由地址和参数的设置。希望对你有所帮助。
解决 无用评论 打赏 举报