首页 > 网站 > Nginx > 正文

Nginx如何解决前端跨域问题?

2024-08-30 12:23:39
字体:
来源:转载
供稿:网友
  在进行静态页面开发时,Vue类型的应用,会需要我们调用一些接口,但接口极可能是跨域,然后浏览器就会报cross-origin问题不给调。解决这个问题的办法就是把浏览器设为忽略安全问题,设置--disable-web-security。但这种方式开发PC页面是没问题的,若是移动端页面就解决不了了。所以针对这种情况我们应该使用Nginx转发请求。把跨域的接口写成调本域的接口,然后将这些接口转发到真正的请求地址就可以了。
  具体解决案例如下:
  加入在开发一个Vue应用。
  以前调试页面是:http://192.168.1.100:8080/
  请求的接口是:http://ni.hao.sao/api/get/info
  步骤一:
  把请求接口改为:http://192.168.1.100:8080/api/get/info(这样就解决了跨域问题)。
  步骤二:
  把Nginx安装好后,去到/usr/local/etc/nginx/目录(Mac下的),修改nginx.conf文件。
  步骤三:
  把server配置注释掉。在下面增加如下代码:
  server{
  listen 8888;
  server_name  192.168.1.100;
  location /{
  proxy_pass http://192.168.1.100:8080;
  }
  location /api{
  proxy_pass http://ni.hao.sao/api;
  }
  }
  保存后,启动Nginx。
  步骤四:
  访问:http://192.168.1.100:8888/,最后可以发现问题就圆满解决了。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表