vue3.0+nginx跨域问题

~

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

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

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

既然定位到问题，就好处理了，在public下的index.html中添加如下标签（可以在使用到的页面添加）：

再次发送请求不携带referer，请求成功！

---

磴口县13560556101： vue - resource 怎么解决跨域问题 - ？
从凡优泌： 这是跨域问题,先把这个内容看完,否则你这个东西改起来无从下手.简单来说,就是“非简单请求”在跨域时,浏览器会默认自动帮你发一个OPTIONS请求,到服务器端请求服务器确认该请求的合法性,服务器端必须得有相应的路由处理该请求,并认真返回200响应,然后浏览器才会再次发出正常的、你需要的请求.

磴口县13560556101： nginx怎么配置浏览器跨域问题 - ？
从凡优泌： 通过add_header命令为响应增加跨域头: add_header ＂Access-Control-Allow-Origin＂ ＂*＂;

磴口县13560556101： Nginx解决前端跨域问题 CORS跨域配置? - ？
从凡优泌： Nginx的CORS配置,网上太多这配置了,但大家更多的复制粘贴、转发,几乎都是类似下面这三两行: add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS;这样有用么?有用,我以前这样使用也正常过,但后来还是遇到问题了,发现有些项目请求就不成功,也遇到有些浏览器成功,有些浏览器不成功; 参考 Nginx解决前端跨域问题 linux部署配置nginx.

磴口县13560556101： 为什么nginx环境下bootstrap中font - awesome图标显示不出来 - ？
从凡优泌： 原因是:nginx的跨域访问问题 解决方法是在nginx中增加一个响应头 location ~* \.(eot|otf|ttf|woff)$ { add_header Access-Control-Allow-Origin *; }

磴口县13560556101： vue2.0怎么解决跨域问题 - ？
从凡优泌： 跨域需要配置返回的请求头,在asp.core做如下处理,其他后端配置可以参照; 这是Get接口返回在浏览器返回结果:

磴口县13560556101： vue.js如何解决跨域问题 - ？
从凡优泌： 跨域不属于vue问题,跨域与提供接口的服务器有关系,如果服务器不开放接口跨域,那么不管什么样的技术手段都无法调用.

磴口县13560556101： vue resource的$http.post方法怎么会变成OPTIONS方法 - ？
从凡优泌： 这是跨域问题 简单来说,就是“非简单请求”在跨域时,浏览器会默认自动帮你发一个OPTIONS请求,到服务器端请求服务器确认该请求的合法性,服务器端必须得有相应的路由处理该请求,并认真返回200响应,然后浏览器才会再次发出正常的、你需要的请求.解决跨域问题前,先理解跨域,认真面对这个问题,很重要

磴口县13560556101： vue - resource怎么发起跨域请求 - ？
从凡优泌： vue 与 vue-resource 跨域问题解决 方法一: 在vue项目下的 config/index.js 文件里面配置代理proxyTable: var path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/inde...

磴口县13560556101： 前端请求接口出现跨域问题怎么解决 - ？
从凡优泌： 1. 使用jsonp 2. 响应头增加CORS跨域响应的信息 3. 服务器(同域内的)做一次转发

磴口县13560556101： 前端设置请求头可以解决跨域问题吗 - ？
从凡优泌： 不可以.解决跨越常用的几种方法.1、jsonp传输.2、代理.3、CORS,也就是常用的让服务端设置Access-Control-Allow-Origin:* 或者是Access-Control-Allow-Origin:允许的域名.