xawjz的博客

跨域问题的出现浏览器有一个同源安全策略，它限制了一个源(origin)中加载文本或者脚本与来自其他源(origin)中资源的交互方式，所谓的同源就是指协议、域名、端口相同。当浏览器执行一个脚本时会检查是否同源，只有同源的脚本才会执行，如果不同源即为跨域。在开发静态页面时，我们常会调用一些接口，这些接口极可能是跨域，然后浏览器就会报cross-origin错误无法调用。解决方法跨域问题的解决方法有很多种，jsonp、nginx代理等。这次主要使用nginx代理解决跨域问题。举个栗子（假

在面板上直接下载nginx。（应用商店里下载，免费的）打开并查看配置项。（在已安装的应用中打开）发现他的默认端口是888（因为网站的80端口已经被使用）。添加location进行代理使用。发现所有的静态资源无法访问（这里就不演示了，因为浏览器缓存，我即使重新配置也可以看到页面-_-）下面是我找到的解决方法，还是对nginx的配置项不了解，导致出现了上边的问题。问题定位在nginx的路由配置上。具体是，出于nginx的路由路径【/】在路由匹配成功之后还会继续往下寻找匹配规则（在上面的配置.