美文网首页
vue代理服务器和jsonp

vue代理服务器和jsonp

作者: 蠢淡淡不蠢 | 来源:发表于2018-06-25 22:48 被阅读0次

代理服务器

  1. 找到config文件夹下的index.js文件

  2. 添加代理相关代码

    proxyTable: {
        '/api': { // 名字
            target: 'https://m.juanpi.com/index/getMenu?select=1_1', // 目标地址
            changeOrigin: true,
            pathRewrite: {
                '^/api': '/' // 名字
            }
        },
    }
    
  3. 重启npm run dev

  4. 正常请求

    this.axios.get('api').then(res => {
        console.log(res.data);
    });
    

JSONP请求

  1. 安装jsonp模块

    $ npm install --save jsonp
    
  2. main.js引入

    import jsonp from 'jsonp'
    Vue.prototype.jsonp = jsonp
    
  3. 编写代码发起网络请求

    this.jsonp('https://shop.juanpi.com/gsort?key=zuixinzhekou&type=1&zhouyi_ids=p8_c4_l1_18_51_5&machining=hotcoupon&page=1&rows=10&dtype=JSONP&cm=1&cm_channel=1&callback=gsort_callback', (err, data) => {
        console.log(err);        
        console.log(data);
    })
    

相关文章

网友评论

      本文标题:vue代理服务器和jsonp

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