• 0
  • 0

关于 uniapp H5调试解决跨域的办法

2021-04-17 1581 0 admin 所属分类:Hbuilder

由于开发期会在本地调试,涉及到跨域限制。另外测试一些接口操作 如微信登录 很不方便。

现在通过 nginx反向代理 结合 本地host 指向解决这个问题。

假设现在线上上线域名为 www.demo.com


现在需要在本地 的HOSTS文件中添加


127.0.0.1  www.demo.com

另外 安装 phpstudy 开发集成包 设置 一个 www.demo.com  的项目 如有需要可以设置为 https

找到本地的nginx.conf 文件 发现具体的详细配置参数 放在相关 vhosts/你的域名.conf 文件中 找到该文件 添加如下配置

location / {
 proxy_pass            http://127.0.0.1:8080;
 proxy_set_header      X-Real-IP $remote_addr;
 proxy_set_header      X-Forwarded-For $proxy_add_x_forwarded_for;
 proxy_set_header      Upgrade $http_upgrade;
 client_max_body_size  1m;
}

根据情况设置本地访问端口,这里是8080 如果有多个项目同时激活。端口可能不一样  另外把默认的 location / 配置干掉 重新启动,再次访问 www.demo.com 就可以看到成功解析过来了  

返回顶部