javascript - webpack本地开发如何和后端配合?

Question

问题是这样的. js在我本机开发. 利用webpack机制打包动态更新页面的方式, 但是POST请求后端接口存在跨域问题. 不太好和后端配合. 大家是怎么个开发模式啊. 求解.多谢.

Answer 1

亲，你应该要求你的后端工程师，开放跨域请求哦，详情参见：构建public APIs与CORS.

鉴于你们还在联调阶段，跨域允许操作就由后端工程师在后端项目里配置一下好了。

如果跨域操作在生产环境仍然有需求，那这个跨域允许操作应该交由运维团队在部署环境的gateway(如：nginx)配置。

Answer 2

webpack-dev-server支持代理的

设置好之后完全不需要nginx的

proxy: {
  '/api/*': {
    target: 'https://other-server.example.com',
    host: 'example.com'
  }
}

Answer 3

将域名解析到本地，配置 nginx（或者 gulp 等工具的代理插件），将接口请求转发到服务器。
但是，开发的时候，难道不是应该开放跨域请求吗？