vue项目里axios异步请求webapi跨域问题

2019-03-12 21:58发布

问题:

后台接口是支持跨域的,而且我用JQ的post去请求也能出结果,但是用axios的时候提示:Failed to load http://www.webapi.com/api/values/get: Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

这个Headers我不太清楚是如何设置,网上找的答案也和我的情况不太相符(准备的说我不太理解这一块)

如果我用JQ去请求数据给this.tableData赋值,列表又绑定不上 qvq 醉了。

前端的vue框架用的element-ui.

然后我也试过代理了,照着项目里的代理做法弄也不行,访问以后404。

我是参照这个这个项目实践的:
https://github.com/lin-xin/vue-manage-system

api里的跨域设置如图:(控制器上面加上属性了,就不截图了)

回答1:

.net core的Startup里代码的问题导致的,正确的写法如图:

下面的代码比上面注释的多了关键的一行AllowAnyHeader,这里面应该就包含了对header的处理,现在我不太懂,以后再去深究一下底层。



回答2:

看看有帮助吗:https://www.cnblogs.com/caimuqing/p/6733405.html



回答3:

Access-Control-Allow-Origin: *