axios获取发起请求的地址 vue_介绍vue项目中的axios请求（get和post）

一、先安装axios依赖，还有qs依赖

npm install axios --save

npm install qs --save

qs依赖包用post请求需要用到的

插入一个知识点：

npm install X --save 会把依赖包安装在生产环境中，并且把依赖包名称添加到 package.json 文件 dependencies。

而如果npm install X --save-dev则会把依赖包安装在开发环境中，并且添加到 package.json 文件 devDependencies

如果vue项目要部署上线，为防止依赖包失效，一般采用–save

二、在main.js入口引用

import qs from 'qs';

import axios from "axios";

//下面是将$axios和$qs挂在原型上，以便在实例中能用 this.$axios能够拿到

Vue.prototype.$axios = axios;

Vue.prototype.$qs = qs;

三、定义全局变量复用域名地址

开发中的url一般是由协议+域名+端口+接口路由+参数组成

一般 协议+域名 这两个部分是在axios是需要一直被复用的，所以可以设置一个专业的全局变量模块脚本文件，在模块里直接定义初始值，用export default 暴露出去，再入口文件main.js里面引入这个文件地址，并且使用Vue.prototype挂载到vue实例上面

首先在static文件下面的config文件里面新建一个 global.js文件(命名随意)