美文网首页
vue中ajax请求时配置请求路径

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

作者: 酒暖花深Q | 来源:发表于2020-07-18 12:10 被阅读0次

在终端中 安装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就会自动帮我们转化到本地路径下

相关文章

网友评论

      本文标题:vue中ajax请求时配置请求路径

      本文链接:https://www.haomeiwen.com/subject/zpbxkktx.html