vue 本地环境跨域请求proxyTable的方法

 更新时间:2018年09月19日 16:13:19   作者:heqian650  
今天小编就为大家分享一篇vue 本地环境跨域请求proxyTable的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

主要在config->index.js中配置

proxyTable: { 
‘/gameapi': { 
changeOrigin: true, 
// target: ‘http://rap.id.cn/mockjs/20‘, mock地址 
target: ‘http://192.168.1.124‘,服务器地址 
pathRewrite: { 
‘^/gameapi': ‘/gameapi' 
}, 
secure:false 
} 
}

因此,发送请求时候url写为('/gameapi/gift-applylist')就能拿到接口数据。

但是注意配置后需要重新npm run dev才会生效。

当然如果有两个不同路径也可以配置两个

proxyTable: { 
‘/gameapi': { 
changeOrigin: true, 
// target: ‘http://rap.id.cn/mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/gameapi': ‘/gameapi' 
}, 
secure:false 
}, 
‘/cps': { 
changeOrigin: true, 
// target: ‘http://rap.idu.cn/mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/cps': ‘/cps' 
}, 
secure:false 
} 
},

以上这篇vue 本地环境跨域请求proxyTable的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue-cli3项目打包后自动化部署到服务器的方法

    vue-cli3项目打包后自动化部署到服务器的方法

    这篇文章主要介绍了vue-cli3项目打包后自动化部署到服务器的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • 详解Vue3.0 前的 TypeScript 最佳入门实践

    详解Vue3.0 前的 TypeScript 最佳入门实践

    这篇文章主要介绍了详解Vue3.0 前的 TypeScript 最佳入门实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • Vue cli3 库模式搭建组件库并发布到 npm的流程

    Vue cli3 库模式搭建组件库并发布到 npm的流程

    这篇文章主要介绍了Vue cli3 库模式搭建组件库并发布到 npm,以下一个简单的颜色选择器插件 vColorPicker 讲述从开发到上线到npm的流程,需要的朋友可以参考下
    2018-10-10
  • 前端vue-cropperjs实现图片裁剪方案

    前端vue-cropperjs实现图片裁剪方案

    这篇文章主要为大家介绍了前端vue-cropperjs实现图片裁剪方案,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • vue3通过render函数实现菜单下拉框的示例

    vue3通过render函数实现菜单下拉框的示例

    本文主要介绍了vue3通过render函数实现菜单下拉框的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • vue路由传参接收以及传参对象为对象时的问题及解决

    vue路由传参接收以及传参对象为对象时的问题及解决

    这篇文章主要介绍了vue路由传参接收以及传参对象为对象时的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue处理一千张图片进行分页加载思路详解

    vue处理一千张图片进行分页加载思路详解

    开发过程中,如果后端一次性返回你1000多条图片或数据,那我们前端应该怎么用什么思路去更好的渲染呢?这篇文章主要介绍了vue处理一千张图片进行分页加载,需要的朋友可以参考下
    2023-02-02
  • vue-自定义组件传值的实例讲解

    vue-自定义组件传值的实例讲解

    今天小编就为大家分享一篇vue-自定义组件传值的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue祖孙组件如何实现传值

    Vue祖孙组件如何实现传值

    这篇文章主要介绍了Vue祖孙组件如何实现传值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • VUE中如何调用高德地图获取当前位置(VUE2.0和3.0通用)

    VUE中如何调用高德地图获取当前位置(VUE2.0和3.0通用)

    使用uniapp开发微信小程序时,多多少少会遇到获取当前位置的详细信息,下面这篇文章主要给大家介绍了关于VUE中如何调用高德地图获取当前位置(VUE2.0和3.0通用)的相关资料,需要的朋友可以参考下
    2023-04-04

最新评论