跨域之接口代理

1.在vue.config.js中配置如下:

module.exports={
      /* webpack-dev-server 相关配置 */
    devServer: {
        host:'localhost',
        port:8080,
        proxy:{
            '/api':{
                 /* 目标代理服务器地址 */
                target: 'https://www.imooc.com',
                 /* //changeOrigin是false:
                 请求头中host仍然是浏览器发送过来的host;
                 如果设置成true:发送请求头中host会设置成target。*/
                changeOrigin: true,
                pathRewrite:{//将api替换为空
                    '/api':''
                  }
            }
        }
    }
}

2.在项目中使用如下:

axios('/api/activity/servicetime').then((res)=>{
let result=res;
this.data=result.data;
window.console.log(this.data)
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值