如何设置vue-cli 3.x项目中的跨域代理配置？

本文共计847个文字，预计阅读时间需要4分钟。

在vue-cli 3.x的beta版本已发布一段时间后，我迫不及待地体验了一番，却发现找不到具体的时间节点。这些日子刚好有空，就想着参照网上的例子练练手，没想到刚上手就遇到了坑。3.x版本对整个项目的影响很大。

写在前面

vue-cli 3.x 的beta版本已经发布了一段时间，很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手，刚一上手就踩到坑了。

3.x 版本对整个项目的构建都有很大的改动，项目的默认配置整个都转移到CLI service里去了，从而所有的配置文件在初始化的项目中并没有生成。初次生成项目的时候可谓是完全懵的，无论是baidu还是google，对于3.x的介绍几乎就没有，仅有的一些也只是项目的一些生成流程，那怎么办，只能靠自己瞎整了。

既然没有现成的（作为一个伸手党我还是很自觉的承认了），那就只能去扒官方文档了，慢慢啃。这可就苦了我这个英语战斗力只有5的渣了，凭借着百度翻译和谷歌翻译，然后夹杂着自己的一些猜想，好歹是把基本的给整明白了一点点。

由于文笔实在太烂了，多余的废话就不说了，直接上干货。

跨域代理配置

由于3.x的默认配置都转移到了CLI service里，所以生成的项目中并没有配置项，我们如果需要自定义一些项目配置，则需要自己在项目的根目录(root)创建一个vue.config.js。vue.config.js里的配置项所有都是可选的，这就避免了我们去看一大堆不必要的默认配置，只需要配置自己需要的部分就行了。