在进行nuxt.js开发过程中,进行服务器接口调用时,发现报错,接口不通。类似于如下截图:
Failed to load http://example.com/api/somethings.do: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access............
这是为什么呢?其实原因很简单,就是因为目前流行的技术为前后端分离,之前的老技术是后端与web混合为一,即接口与web页面是部署在同一个服务器上,这样就不存在跨域的问题。之所以存在跨域是浏览器为了安全,保证所有的内容均来自于同一个网站IP,避免劫持等安全问题。
但是开发过程中,遇到跨域很大影响着开发的效率和过程,所以,进行前端开发时,就避免不了避开这个问题,那nuxt.js如何解决跨