前端跨域解决方案(vue/nginx)

一、vue

之前解决跨域问题，分别都是在前端加上一些header头，后端设置一些access...的信息，允许固定ip或者所有的请求，但还没有全部在前端搞定的方案，最近在用vue做项目时，发现了一种不错的方式，就是proxy(代理)

可以在vue.config.js中配置：

上面第二张图片是ajax请求中的参数，其中url中要加上前缀，也就是在proxy中代理的请求前缀，加上以后才会被代理呀。这样就不会提示跨域问题了，并且能成功请求并拿到返回数据。而且不需要在后端做跨域处理，因为被代理到同一个域下了，自然不会有跨域问题啦。

二、nginx

最近在做项目时，进行模块和模块之间的联调，两个模块的端口不同，导致一个模块读取不到另外一个模块在localstorage中的参数。所以在nginx的配置中用同一个端口代理了不同的ip和端口，我这里就不贴图了，这是其他的做的配置，我自己还没玩过，只是提供一个思路。