vue中使用axios进行ajax请求数据(跨域配置)

npm安装axios

npm install axios --save

引入axios

import axios from 'axios'

使用axios

mounted () {
    this.getHomeInfo()
},
methods: {
    getHomeInfo () {
        //跨域请求可以在config/index.js中进行配置
        axios.get('/zt/api/app_dujia/index.php')
        .then(this.getHomeInfoSucc)
    },
    getHomeInfoSucc (res) {
        console.log(res)
    }
}

 

开发环境配置请求接口config/index.js
配置多个跨域接口

proxyTable: {
    '/api' : {
        target: 'https://touch.dujia.qunar.com',
        changeOrigin: true,
        pathRewrite: {
            '^/api': ''
        }
    },
    '/zt' : {
        target: 'https://zt.dujia.qunar.com',
        changeOrigin: true,
        pathRewrite: {
            '^/zt': ''
        }
    }
},      

 

参考链接:【VUE】一个简单常用的proxyTable配置
参考链接:webpack中代理配置(proxyTable)
使用webpack+axios修改ProxyTable错误之504
axios与jsonp
————————————————
版权声明:本文为CSDN博主「weixin_43756060」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43756060/article/details/86479904

posted @ 2019-09-26 11:39  林中有风  阅读(1095)  评论(0编辑  收藏  举报