devServer来解决前端跨域问题

首先,作为一名前端的实习生,当leader来跟你说,这里有一个跨域问题,你来解决一下。跨域问题,不应该是后台改一下就可以了吗?看了Vue CLI的开发文档,哦,原来是这样子的。官网的介绍
如果你的前端应用后端 API 服务器****没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。
devServer来解决前端跨域问题
'/space’和‘/apigateway‘(是啥玩意来着)
是我们后台接口API的标识,如果API有这个标识,就开始匹配代理
比如API请求/space/users, 会被代理到请求 后台接口地址/space/users 。
target
代理的API地址,就是需要跨域的API地址,目的地地址。
地址可以是域名,如:http://www.baidu.com
也可以是IP地址:http://127.0.0.1:4000
如果是域名需要额外添加一个参数changeOrigin: true(是否跨域),否则会代理失败。
pathRewrite
路径重写,也就是修改api的路径。
比如访问的API路径:/api/name,
设置pathRewrite: {’^/api’ : ‘’},后,
最终代理访问的路径:http://www.baidu.com/name,
这个参数的目的是给代理命名后,在访问时把命名删除掉。
由于我上面的标识都是在接口路径里面,所以无需添加pathRewrite这个属性
添加了这一块代码后,我发现为什么还是有跨域问题,发现根本就没有进入到这里面来。这又是为啥呢?

那是因为我写上了标识,我还没有去在baseURL中赋个标识给他
devServer来解决前端跨域问题
因为我们是在开发模式进行跨域,如果是打包的环境下,我们需要直接进入后台服务器。