为了方便维护和交流,文档统一迁移到语雀: https://yuque.com/easy-team. 该文档不再更新维护

本地开发域名代理

构建支持

前提:

  • 代理域名能够映射到本机ip地址的功能需要你自己在电脑上面配置。如果是实际的存在的域名,理论上面就不需要自己配置域名映射。

  • 该功能只在 Egg 应用构建本地开发使用。

在 Egg SSR 应用开发时,Egg 应用的访问地址, 静态资源构建的地址, HMR 地址都是 ip, 不方便进行环境模拟测试,比如 cookie和 登陆场景。

// webpack.config.js
module.exports = {
  host: 'http://app.debug.com' // 只在 env: dev 方式生效, 这里 host 改成你自己的实际有效的域名地址。
}
  • 应用访问的地址是: http://app.debug.com
  • HMR访问地址是:http://app.debug.com:9000/__webpack_hmr

nginx 和 dnsmasq 配合使用

如何在本地通过 nginx 和 dnsmasq 在本地搭建域名服务:nginx 和 dnsmasq 在本地搭建域名服务

接口代理

easywebpack 4 版本支持了本地接口代理转发的功能, 主要解决本地开发跨域问题.

// webpack.config.js
module.exports = {
  proxy: {
    host:  'http://localhost:8888',   
    match: /\/api/
  },
}

proxy 的实现是通过 koa-proxy 实现的,具体配置可以参考 koa-proxy 的项目配置。