webpack-dev-server代理文件如何配置？

Question

目前公司用的是自己的内部框架，而且比较老旧，采用的技术是 dojo，并且没有采用任何自动化、工程化技术。
公司采用的架构由内部自研，框架由专门的架构组来更新，普通开发人员无法修改内部的代码。

公司的架构组将所有需要的文件都放在了服务器上，普通开发人员是根据一定的规则，进行业务代码的编程。

编写业务代码时发现效率不高，考虑对项目进行自动化、工程化，目前遇到的问题是，配置了 devServer 的 proxy，但在打开页面时，文件的请求返回了 404。
可能是配置错了，想请教一下大家如何配置 devServer 属性，才能像 nginx 那样，代理远端的静态文件。

Answer 1

webpack的devServer底层是基于express的，你使用devServer的proxy代理，无论是代理接口还是静态文件，其实道理是一样的，都是发起HTTP请求。所以建议你如下操作：

1.先测试一下在浏览器能不能直接获取你那个需要代理的静态文件，也就是保证你这个静态地址本身是正确的，不会存在404的问题。比如
https://www.cc.com/assets/a.js

2.当确认地址正确后，再通过proxy进行代理，注意可能要使用pathRewrite属性

proxy: {
     "/static": {
         target: "https://www.cc.com",
         changeOrigin: true,
         pathRewrite: {'/static', ''}
     },
},

然后你本地访问静态文件地址，就通过

https://localhost:3000/static/assets/a.js