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