如何解决Vue项目中出现的跨域请求问题？

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

很久不见，今天想写的是近期遇到的一个小问题。其实事情背景是前端的同学跟我抱怨，他们前端请求后端的数据时，说跨域了。实际上，跨域的问题在如今的前后端分离的时代非常常见。

好久不见，今天想写的是前段时间碰到的一个小问题。其实故事背景是前端的同学跟我说他们前端请求不了我后端的数据，说是跨域了。

其实跨域的问题，在如今前后端的时代非常常见，如果图方便的话，一般是在后端的请求以及拦截器中设置header，但是有一些业务需求单纯后端是解决不了的。还是需要前端自行来处理，这次碰到的就是前端需要自行处理的情况。

这里我不细说跨域的解决方案，只聊聊我是怎么解决的。如果大家想要知道更详细的跨域知识，可以点个在看！我下次写一个专题。

vue跨域代理解决方案

其实需求比较简单，就是先post模拟登陆到B服务器，然后get请求B服务器上指定接口的数据，返回给A服务器。

当然这里的A服务器目前是处于我本机电脑。

首先，我们需要在根目录下配置vue.config.js，这个文件不是每个项目都有的，如果没有的可以自行配置。根据vue官网的说法，这个文件是可选配置，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。

这个文件里面具体配置有什么，这里给大家官网的地址：

cli.vuejs.org/zh/config

官网中详细介绍了每一个参数的配置，当然我们需要什么就可以拿什么参数来配置。