javascript - 如何使用webpack-dev-server做反向代理?

 桃花源主ITXB 发布于 2022-11-11 08:23

现在在本地开发环境,想要请求到外网服务器上的数据,
想在webpack上做一个代理,

下面是配置信息:

  devServer: {
    contentBase: './src/',
    historyApiFallback: true,
    hot: true,
    port: defaultSettings.port,
    publicPath: defaultSettings.publicPath,
    noInfo: false,
    proxy: {
      '/*': {
          target: 'http://xxx.xxx.com',
          host: 'xxx.xxx.com',
          secure: false
      }
    }
  },

可是这样做的话,所有的请求都会请求到了那台服务器上,

现在我的需求是,能不能在请求文件或者是数据的时候,
本地找不到,才请求外网的服务器?

2 个回答
  • 比如你的数据路径都是/api/xxxxx,那就可以

    proxy: {
          '/api/*': {
              target: 'http://xxx.xxx.com',
              host: 'xxx.xxx.com',
              secure: false
          }
        }
    2022-11-12 11:03 回答
  • webpack文档中有proxy的部分

    2022-11-12 11:03 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有