Home >Web Front-end >Front-end Q&A >Is axios in vue?

Is axios in vue?

青灯夜游
青灯夜游Original
2021-12-22 17:21:212922browse

axios is not in vue. Axios is a Promise-based tool library for sending http requests. It is not a third-party plug-in in Vue. When using it, you cannot install the plug-in through "Vue.use()" and need to bind it on the prototype.

Is axios in vue?

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

axios is not in vue.

axios is a library, not a third-party plug-in in vue. When using it, you cannot install the plug-in through Vue.use() and need to bind it on the prototype.

axios is a promise-based http library that can run in the browser and node.js. Then the author You Yuxi also decisively gave up the maintenance of its official library vue-resource and directly recommended the axios library.

The role of axios: axios is mainly used to initiate requests to the background, and it also has more controllable functions in the request.

Features

  • Support Promise API

  • Interception of requests and responses. To intercept the request, you can filter the request parameters; to intercept the response, you can handle the response exception

  • Cancel the request. The request can be canceled manually

Use axios in vue

1. Install the axios module

$cnpm install --save axios  #安装

2. Reference axios in main.js and link it to the prototype chain. When using a plug-in, it is generally introduced in the entry file main.js, because main.js is the first file to be run by the project:

import Vue from 'vue'
import axios from ‘axios’
Vue.prototype.$http = axios

Usage:

Is axios in vue?

3. vue-axios is a small wrapper that integrates axios into Vue.js and can be installed like a plug-in.

$cnpm install --save axios vue-axios  #安装

Referring to axios and vue-axios in main.js and using the plug-in through the global method Vue.use() is equivalent to calling the install method:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

Usage:

Is axios in vue?

$cnpm install --save axios vue-axios

After installing axios and vue-axios, you can see the source code of vue-axios in node_modules/_vue-axios/src/index.js under the Vue project. Using Vue’s plug-in writing method is more in line with Vue’s overall ecological environment. It feels a bit rough to write the prototype chain directly. Unless it is a very low-level implementation, it is not recommended to write this way.

[Related recommendations: "vue.js Tutorial"]

The above is the detailed content of Is axios in vue?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn