vue中ajax请求时配置请求路径

在终端中 安装axios

npm install axios --save

安装成功以后再需要axios请求的页面导入

import axios from 'axios'

设置请求.
为了避免在上线之前改动请求地址，我们需要在config/index.js里面配置好路径

methods:{
    getHomeInfo () {
      axios.get('/api/index.json')
      .then(this.getHomeInfoSucc)
    },
    getHomeInfoSucc (res) {
      console.log(res)
    }
  },
  mounted () {
    this.getHomeInfo()
  }
}

proxyTable: {
      '/api' : {
        target: 'http://localhost:8080',
        pathRewrite: {
          '^/api': '/static/mock'
        }
      }
    }

这样每次我们请求api文件，vue就会自动帮我们转化到本地路径下