美文网首页
uni-app开发H5跨域问题

uni-app开发H5跨域问题

作者: GiRaffe_ | 来源:发表于2020-08-06 10:33 被阅读0次

    在项目找到manifest.json文件,添加h5配置

    代码如下:

    "h5" : {

            "title" : "项目名称",

            "template" : "",

            "devServer" : {

                "https" : false,

                "port" : 8080,

                "proxy" : {

                    "/api" : {

                        "target" : "你的接口", //目标接口域名

                        "changeOrigin" : true, //是否跨域

                        "secure" : false, // 设置支持https协议的代理

                        "pathRewrite" : {

                            "^/api" : "" //需要rewrite重写的,

                        }

                    }

                }

            },

            "optimization" : {

                "treeShaking" : {

                    "enable" : true

                }

            },

            "router" : {

                "mode" : "hash",

                "base" : "./"

            },

            "domain" : "打包发布到线上的域名"

        }

    打包发布时:

    注释掉proxy部分,并在request请求处更换接口请求地址

    相关文章

      网友评论

          本文标题:uni-app开发H5跨域问题

          本文链接:https://www.haomeiwen.com/subject/fhczrktx.html