vue3发送axios原始方法
时间: 2023-09-18 12:01:46 浏览: 39
Vue3 发送 Axios 的原始方法可以通过 `axios` 模块的实例来实现。首先,需要安装 `axios` 和 `vue-axios` 两个插件。
步骤如下:
1. 安装 `axios` 和 `vue-axios`:
```bash
npm install axios vue-axios
```
2. 在项目的入口文件(如 `main.js`)中引入 `axios` 和 `vue-axios`:
```javascript
import axios from 'axios';
import VueAxios from 'vue-axios';
```
3. 将 `axios` 绑定到 Vue 的原型上:
```javascript
Vue.use(VueAxios, axios);
```
4. 在组件中使用 `axios` 发送请求:
```javascript
// 在需要发送请求的组件中引入axios
import axios from 'axios';
// 发送 GET 请求的例子
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 发送 POST 请求的例子
axios.post('/api/login', {
username: 'admin',
password: '123456'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
这样就可以在 Vue3 中使用 `axios` 的原始方法发送请求了。注意,需要根据实际的后端接口进行相应的配置和使用。