Vue学习-axios使用

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

---

特性

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

1.安装axios

cnpm install --save axios

此外，npm install参数之间的不同对比如下：
npm install moduleName

1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName

1. 安装模块到全局，不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。

npm install -save-dev moduleName

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。

---

在main.js页面进行引用，这里是全局引用

import axios from 'axios';

Vue.prototype.axios = axios;

至此全局引用完成
另外：
qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库

安装qs：

cnpm install --save qs

引入qs：

import qs from 'qs'

Vue.prototype.qs=qs;

2.在模板里写入示例

<template>
  <div>
    <div>
      <p