前端跨域解决⽅案(vuenginx)
⼀、vue
之前解决跨域问题,分别都是在前端加上⼀些header头,后端设置⼀些的信息,允许固定ip或者所有的请求,但还没有全部在前端搞定的⽅案,最近在⽤vue做项⽬时,发现了⼀种不错的⽅式,就是proxy(代理)
可以在fig.js中配置:
上⾯第⼆张图⽚是ajax请求中的参数,其中url中要加上前缀,也就是在proxy中代理的请求前缀,加上以后才会被代理呀。这样就不会提⽰跨域问题了,并且能成功请求并拿到返回数据。⽽且不需要在后端做跨域处理,因为被代理到同⼀个域下了,⾃然不会有跨域问题啦。
⼆、nginx
最近在做项⽬时,进⾏模块和模块之间的联调,两个模块的端⼝不同,导致⼀个模块读取不到另外⼀个模块在localstorage中的参数。所以在nginx的配置中⽤同⼀个端⼝代理了不同的ip和端⼝,我这⾥就不贴图了,这是其他的做的配置,我⾃⼰还没玩过,只是提供⼀个思路。
>nginx部署前端项目

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。