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

vue

一、vue

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

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

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

二、nginx

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

以上是 前端跨域解决方案(vue/nginx) 的全部内容, 来源链接: utcz.com/z/376529.html

回到顶部