zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Linux 查看内存状态
    Linux sar工具安装使用
    DNS ARP地址解析原理
    TCP/UDP 端口
    TCP/IP 传输原理
    Window vagrant 安装部署【转】
    Window7下vagrant的部署
    Ubuntu下访问SSH
    使用 Vagrant 打造跨平台开发环境
    Vagrant入门[转]
  • 原文地址:https://www.cnblogs.com/PasserByOne/p/11589865.html
Copyright © 2011-2022 走看看