请教一个今天面试中出现的问题

[Zink99]

面试前端岗

面试过程中问到了跨域的问题，我讲了几种解决方案，然后说到了 Proxy ，面试官让我讲讲 webpack 怎么做 Proxy ，我说我不知道怎么配，没有实操过，然后补充了 Proxy 的思路，不过他貌似并不买账。

想问下现在卷到连 webpack 的配置都需要背了吗？

[4ark]

那你说说 proxy 思考，会不会是对你这个回答不买账？

[binux]

webpack 怎么做 Proxy?

[bigbyto]

MDN 上对跨域的叙述非常清楚，可以去看看。说实话，每次团队的人遇到跨域问题不知道怎么解决都会让我感到非常恼火，这问题前后端开发都是需要完全理解的。

[Hieast]

所以几种解决方案是什么？我挺好奇怎么聊到 proxy 的？

[gulugulu233]

webpack devServer proxy ，本质上是正向代理，就是你本地起个 node 服务，用这个服务去调接口，问这个的确没啥意义。你是不是扯到 js 里的 Proxy 了

[mxT52CRuqR6o5]

@gulugulu233 webpack dev server 是反向代理啊，像 socks5 这种是正向代理

[gulugulu233]

@mxT52CRuqR6o5 是的…正向反向名词我容易搞混

[vision1900]

话说真的有人用 JSONP 吗？怎么看都是蹩脚的 hack 。要是问我，我只会回一种：服务器设置相应的返回头。因未 CORS 的初衷就是在服务器没有允许的情况下，浏览器不允许跨域名获取资源。至于 Nginx 之类的反向代理，本身没有解决 CORS 问题，而是完全避开了 CORS 。

真的想看一个人对跨域有多少理解，问具体做法不如问更大的问题，比如你觉得 CORS 的设计合理吗？既然有 Nginx 反向代理的机制可以绕过 CORS 限制，那 CORS 意义何在？

推荐阅读: https://stackoverflow.com/questions/29167428/same-origin-policy-and-cors-whats-the-point

[ericls]

Webpack 跟 proxy 有啥关系？

[murmur]

webpack 本身就是开发者模式，不就是给 dev-server 配 proxy 么

[volCan0]

这也不算卷吧，常规问题啊

[musi]

这很正常吧，实际开发中跨域很常见啊。webpack 的 proxy 不就是给 devServer 加个 proxy 的配置么，如果真不会配你和面试官说你手写一个 proxy-server 那也不是不行哇

[daimon1]

我也是面试官，不过我不会问这么 sd 的问题。因为 devServer.proxy 这个东西，无论哪个主流技术栈的前端项目一定会有，很简单几行的一个配置。如果候选人说不知道怎么配，确实容易让人联想到不好的东西

[cxe2v]

不用请教这个问题，面试官问的有问题，开发过程中的 devServer 反代，加了一项配置而已，根本没什么意义的问题

[supuwoerc]

proxy 是 node 服务器的配置吧，前端开发环境跨域是利用 node 做接口转发来解决跨域的。

[ryncv]

这种问题属于面试官不该问，但是你不应该不知道的的类型

[yangxiaopeipei]

话说跨域 不是后端兼容就好吗

[ALVC666]

我感觉面试官想表达的是上生产服务之后 webpack 没法做 proxy 吧
只是单纯 build 产物而已而已。

[a62527776a]

跨域问题啊 本质上是考察对 HTTP 请求头的理解

[JerryY]

不是问到不会的地方就是卷。
我参与过的项目中，只要用到 webpack 的，肯定是有这一项配置的，再熟悉不过的。问这个可能是试探你的项目经历之类的，有没有真正的上手配过或者去研究过 webpack 配置，说到底还是针对项目的一些提问。

像问 css 属性的才叫 sd 问题，我就遇到过。。。