axios、git的基本使用

axios的使用

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、axios

1、axios简介

axios时目前最流行的ajax封装库之一，用于很方便地实现ajax请求的发送。
支持的功能：

• 从浏览器发出 XMLHttpRequests请求。
• 从 node.js 发出 http 请求。
• 支持 Promise API。
• 能拦截请求和响应。
• 能转换请求和响应数据。
• 取消请求。
• 实现JSON数据的自动转换。
• 客户端支持防止 XSRF攻

2、axios的安装及使用

axios的安装方式，及基本使用

3、axios的基本语法

axios({
            method:'GET',
            url:'http://localhost:8081/',
            params:{
            }
        }).then(res=>{
            console.log(res.data);;
        })

4、请求方式：

• get：获取数据，请求指定的信息，返回实体对象

axios.get(' http://localhost:8081/',
        {
            params:{
                id:4,
            }
            //请求参数形式
        }).then(res=>{
            console.log(res);
        })

• post：向指定资源提交数据（例如表单提交或文件上传）

axios.post(' http://localhost:8081/',
        {
            data:{
                id:4,
            }
            //请求体参数形式
        }).then(res=>{
            console.log(res);
        })

• put：更新数据，从客户端向服务器传送的数据取代指定的文档的内容

• patch：更新数据，是对put方法的补充，用来对已知资源进行局部更新

• delete：请求服务器删除指定的数据

axios({
    method: 'delete',
    url: '/url',
    params: { id:1 }, //以明文方式提交参数
    data: { id:1 } //以封装对象方式提交参数
}).then(res=>{
	console.log(res.data);
})

5、全局配置

1、先在main.js中全局配置路径

// 全局配置 axios 的请求根路径
//axios.defaults.baseURL固定写法
axios.defaults.baseURL = 'http://www.liulongbin.top:3006'
 
 
// 把 axios 挂载到 Vue.prototype 上，供每个 .vue 组件的实例直接使用
//$http可自己命名（建议使用$http）
Vue.prototype.$http = axios

2、再在组件中使用

    axios({
        method:'GET',
        url: '/get_company_info',
    }).then(res=>{
            console.log(res);
        })

6、拦截器

• 请求拦截器
  在发送请求之前都会首先执行的方法

// Request interceptor
axios.interceptors.request.use(config => {
    // Do something before request is sent
    console.log(config);
    return config;
}, err => {
    // Do something with request error
    return Promise.reject(err);
});

• 响应拦截器
  在返回数据时都会首先执行的方法

// Response interceptor
axios.interceptors.response.use(res => {
    // Do something with response data
    console.log(res);
    return res;
}, err => {
    // Do something with response error
    return Promise.reject(err);
});

• 取消请求

var CancelToken = axios.CancelToken;
var source = CancelToken.source（）;
 
axios.get('/user/12345', {
cancelToken: source.token
}).catch(function(thrown) {
if (axios.isCancel(thrown)) {
console.log('Request canceled', thrown.message);
} else {
// 处理错误
}
});
 
//取消请求（消息参数是可选的）
source.cancel（'操作被用户取消。'）;

二、git的基本使用

1、git上传到已有远程仓库

    1. 进入项目文件夹，右键，选择git bash here 执行     

    git init

    2. 添加到暂存区             

        git add .

    3. 提交到仓库        

        git commit -m "提交说明"    

    4. 关联到远程库

        git remote add origin 远程仓库地址

    5. 推送到远程仓库master分支    

        git push -u origin master

2、gitee拉取项目

    1.创建文件夹 

    2.在这个文件夹下，右键，选择git bash here 

    3.输入命令git init 

    4.输入命令git remote add origin https://xxxxx.git(gitee仓库地址） 

    5.看你要下载的是哪个分支的代码（这里是master）git pull origin master

3、创建分支、合并分支

一 创建分支

    1. 创建分支

        git branch 分支名

    2. 切换到该分支

        git checkout 分支名

    3. 在远端建立一个分支与该本地branch分支相对应起来

        git push --set-upstream origin 分支名

    二 分支合并
    
         1. 切换到需要合并到的分支

            git checkout master

        2. 将目标分支合并到目前所在分支

            git merge 分支名

        3. 使用git status查看冲突文件，并解决

        4. 解决之后使用 git add将刚才解决的文件添加到暂存区

        5. 冲突解决完成并将冲突文件添加到暂存区后使用 git commit -m “原因” 同步到本地仓库

        6. 调用 git merge 分支名 确认冲突是否解决OK

        7. 使用 git push推到远端