Axios在vue项目中的安装使用以及基本的请求方法

Axios在vue项目中的安装使用以及基本的请求方法_第1张图片

Axios是什么

Axios 是一个流行的 JavaScript 库,用于在 Web 浏览器和 Node.js 中发起 Http 请求和处理响应。

它提供了一种易于使用、灵活和强大的方式来与服务器进行数据通信。Axios 具有一些有用的特性,如自动转换 json 响应、请求/响应拦截、取消请求等等。

它也是 Vue.js 官方推荐的 Http 库之一。

如何安装

在 Vue 项目中使用 Axios,你需要先安装 Axios 库。

主要有三种安装方式:

1、可以使用 npm 或者 yarn 命令行工具安装 Axios

使用 npm 安装 Axios:

npm install axios

使用 yarn 安装 Axios:

yarn add axios

2、直接引用 Axios

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">script>

3、通过 Bower 安装

如果想通过 Bower 安装 Axios ,需要先在本地安装 Bower。

3.1 使用 npm 全局安装 Bower:
npm install -g bower
3.2 在项目根目录下创建 bower.json 文件,指定依赖项:
{
  "name": "my-project",
  "dependencies": {
    "axios": "^0.21.4"
  }
}

其中,“dependencies” 属性指定项目所依赖的库及其版本号,这里使用了 ^0.21.4,表示安装 0.21.x 系列的最新版本。

3.3 执行 bower install 命令,安装依赖项:
bower install

执行完成后,Axios 及其依赖项将被安装到 bower_components 目录下。

3.4 在 HTML 文件中引用 axios:

<script src="bower_components/axios/dist/axios.min.js">script>

注意:在使用 Bower 安装 Axios 时,需要手动在 Html 文件中引用 Axios,无法通过 import 或 require 语句在 JS 文件中直接引用。

使用 Axios

在组件中使用 Axios 通常有两种方式:

1、在组件内部直接引入 Axios 库并使用

这种方式需要在组件内容进行安装,即在组件的

你可能感兴趣的:(前端的诱惑,vue.js,前端,javascript,yarn)