老师，请教跨域问题如何解决？

Question

老师，我目前项目api地址：http://127.0.0.1/api/login，vue地址：http://127.0.0.1:8080/login#/login

现在提示：Access to XMLHttpRequest at ‘http://127.0.0.1/api/login’ from origin ‘http://127.0.0.1:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

这个跨域问题要怎么解决呢？谢谢

Answer 1

singwa 2020-01-22 14:10:15

有两个解决方案
第一 利用nginx加一层代理
第二 你api输出格式支持跨域格式输出，你了解下，有问题欢迎随时沟通

• 提问者 慕粉慕粉1888 #1

  老师我尝试了3种方法
  1. 在index.php添加以下代码无效：
  header('Access-Control-Allow-Origin:*');
          header('Access-Control-Allow-Methods:GET, POST, OPTIONS');
  2 在login controller 的index方法添加也无效
  3 在route里添加->allowCrossDomain() 可以解决，但是只能作用于这一个api，那么就需要给所有route都添加？有没有什么全局方法吗？麻烦老师指点下我没有找到
  谢谢

• singwa 回复 提问者 慕粉慕粉1888 #2

  建议用老师说的nginx加代理，这个用的很实用。

• 提问者 慕粉慕粉1888 回复 singwa #3

  好的 我试一下

点开查看后面3条评论

Answer 2

仿佛说呢 2022-05-18 21:52:15

可以用中间件来处理，我的通过这个解决了

https://www.jianshu.com/p/02bffcbde45f