Loading

[nginx]解决跨域问题

同源策略:一种约定。规定协议、域名、端口相同的url为同源。

  • 192.168.4.36:80/cors.html
    image

  • 192.168.4.36:8080/getUser
    image

可以看到单独访问getUser接口没有问题。但是因为这两个url非同源,所以可能出现跨域问题。

click按钮中定义了异步请求
image

点击click,报错
image

出现跨域问题。

getUser接口是nginx中配置的,所以在nginx中添加header头信息以解决跨域问题

	add_header Access-Control-Allow-Origin *;
	add_header Access_Control-Allow-Methods GET,POST,PUT,DELETE;

image

posted @ 2022-06-27 11:57  丘丘CRUD  阅读(279)  评论(0)    收藏  举报