uni-app H5页面跨域问题

uni-app H5页面会有跨域的问题。

解决方法需要服务器端和前端配合。

服务器端,以PHP为例:

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Credentials:false');

header('Access-Control-Allow-Headers: *');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE');
header('Access-Control-Max-Age: ' . 3600 * 24);

uni-app中修改manifest.json配置,找到h5模块,修改如下

"h5" : 
    {
        "router" : 
        {
            "mode" : "hash"
        },
        "devServer" : 
        {
            "port" : 213,
            "disableHostCheck" : true,
            "proxy" : 
            {
                "/api" : 
                {
                    "target" : "http://192.168.0.128:9005/api", //目标接口域名
                    "changeOrigin" : true, //是否跨域
                    "secure" : false // 设置支持https协议的代理
                }
            }
        },
        "domain" : "http://192.168.0.128:9005"
    }

修改完后重新运行即可。

Leave a Comment

豫ICP备19001387号-1