vue-cli项目中axios的安装以及使用

安装axios

cnpm install axios

在main.js文件引入 (或者父组件页面引入)axios

import axios from 'axios'

get方法发送请求

axios.get('/api/index.json')   .then(this.getHomeInfoSucc)

关于axios的proxyTable配置设置
找到config目录下的index文件

 proxyTable: {
    '/api': {
    target: 'http://192.168.30.109/qrweb/producer',//设置你调用的接口域名和端口号 别忘了加http
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
    }
  }

你可能感兴趣的:(vue)