前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue2 笔记9 API服务代理

vue2 笔记9 API服务代理

作者头像
路过君
发布2022-04-13 13:41:58
1770
发布2022-04-13 13:41:58
举报
文章被收录于专栏:路过君BLOG from CSDN
  • 将目标服务器代理到本机开发服务端口,可用于跨域调用数据接口
  • 优先取用项目中存在的资源

参考文档

webpack-dev-server vue-cli-dev-server

配置

vue.config.js

  • 单一代理配置
代码语言:javascript
复制
module.exports = {
    devServer: {
        proxy: 'http://apiHost'
    }
}
  • 多代理配置
代码语言:javascript
复制
module.exports = {
  devServer: {
    proxy: {
      // 请求前缀
      '/api': {
        // 代理目标地址
        target: 'http://apiHost',
        // 调用代理地址/api/xxx时,将默认将请求转发到http://apiHost/api/xxx
        // 使用路径重写配置,正则表达式匹配起始的/api字符串替换为空字符串'',则将请求转发到http://apiHost/xxx
        pathRewrite: {'^/api':''},
        // 支持websocket
        ws: true,
        // 默认值为true,修改请求头中host值为代理目标地址,值为false时,host值为开发服务器地址
        changeOrigin: true
      },
      '/foo': {
        target: '<other_url>'
      }
    }
  }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022/01/29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 参考文档
  • 配置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档