ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue2 笔记9 API服务代理

2022-01-29 17:31:14  阅读:119  来源: 互联网

标签:API apiHost http xxx 值为 代理 笔记 api vue2


  • 将目标服务器代理到本机开发服务端口,可用于跨域调用数据接口
  • 优先取用项目中存在的资源

参考文档

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

配置

vue.config.js

  • 单一代理配置
module.exports = {
    devServer: {
        proxy: 'http://apiHost'
    }
}
  • 多代理配置
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>'
      }
    }
  }
}

标签:API,apiHost,http,xxx,值为,代理,笔记,api,vue2
来源: https://blog.csdn.net/zhoudingding/article/details/122745086

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有