docker nginx 跨域配置 uniapp h5 网页

最新推荐文章于 2025-06-09 12:31:13 发布

置顶

诸葛老刘

最新推荐文章于 2025-06-09 12:31:13 发布

阅读量2.5k

点赞数 3

CC 4.0 BY-SA版权

文章标签： docker nginx uniapp h5 跨域问题

本文链接：https://blog.csdn.net/weixin_39791387/article/details/111678656

一. 需求:

H5 网页计划配置在http://192.168.100.120:8080
接口的基础地址是:http://192.168.100.120:7878

二. 需要解决的问题:

使用uniapp开发调试H5时的跨域问题, 当然也可以使用官方的建议, 使用内置浏览器调试.
配置到服务器后跨域的问题(这里的跨域有三个: 前端跨域, nginx跨域, 接口地址跨域), 这里主要解决前两个跨域的问题, 后端跨域暂时不记录.

三. 解决使用HBuild X 开发调试H5时的跨域问题

3.1 H5发行(未解决跨域问题)

开发完成后, 使用了如下配置(有坑)进行发行.也可以理解为打包.

    "h5" : {
   
   
        "title" : "随便叫什么名字了",
        "domain" : "192.168.100.120",
        "router" : {
   
   
            "mode" : "hash",  # 这个是重点
            "base" : "./"  # 这个是重点
        },
        "devServer" : {
   
   
            "https" : false
        },
        "uniStatistics" : {
   
   
            "enable" : true
        },
        "optimization" : {
   
   
            "treeShaking" : {
   
   
                "enable" : false
            }
        },
        "template" : ""
    }