码迷,mamicode.com
首页 > 移动开发 > 详细

axios的基本概念和安装以及配置方法

时间:2019-05-04 12:08:28      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:部分   编辑器   重写   hang   允许   xmlhttp   源地址   求和   改变   

ajax:异步请求,是一种无需再重新加载整个网页的情况下,能够更新部分网页的技术

axios:用于浏览器和node.js的基于promise的HTTP客户端

1.从浏览器制作XMLHttpRequests

2.让HTTP从node.js的请求

3.支持promise api

4.拦截请求和响应

5.转换请求和响应数据

6.取消请求

7.自动转换成json数据

8.客户端支持防止xsrf

 

axios的安装:

cmd命令行进入到vue项目下,执行npm install axios 然后执行提示npm install --save axios vue-axios

配置方法:

打开vue的编辑器,找到当前项目的main.js文件,输入:

import axios from ‘axios‘
Vue.prototype.axios = axios
这时候还不能跨域请求,
在config下的index.js里输入:
  proxyTable: {
      ‘/api‘: {  //使用"/api"来代替"http://f.apiplus.c" 
      target: ‘http://127.0.0.1:5000/‘, //源地址 
      changeOrigin: true, //改变源 ,允许跨域
      pathRewrite: { 
        ‘^/api‘: ‘‘ //路径重写 
        } 
    }
技术图片

 

axios的基本概念和安装以及配置方法

标签:部分   编辑器   重写   hang   允许   xmlhttp   源地址   求和   改变   

原文地址:https://www.cnblogs.com/long-ke/p/10807702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!