vue3.0+nginx跨域问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3.0+nginx跨域问题相关的知识,希望对你有一定的参考价值。

参考技术A

通过以上处理后跨域问题解决,但是通过nginx请求后台服务时一直报404错误。
然而访问路径是正确的并没有问题,并且通过postman或者浏览器直接访问时能正常返回。

一开始以为是跨域配置有问题,网上找了很多方法都解决不了。
最后通过逐一对比postman和实际请求发现,请求header中多了一个 referer

将这个属性加到postman请求中果然也报404。由此定位是referer问题。
这个可以理解为白名单,可以限制允许指定的来源地址访问。我这里就直接去掉了。

既然定位到问题,就好处理了,在public下的index.html中添加如下标签(可以在使用到的页面添加):

再次发送请求不携带referer,请求成功!

以上是关于vue3.0+nginx跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

Vue3.0 代理解决跨域

VUE3.0升级与配置(跨域等)

vue3.0-axios拦截器proxy跨域代理

使用nginx代理解决跨域问题

nginx配置解决前端跨域问题

如何搞定前端资源服务跨域问题之nginx篇