美文网首页
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请求处更换接口请求地址

相关文章

  • taro h5跨域问题

    Taro h5 跨域问题 开发模式 h5 发请求会报跨域问题,需要使用代理转换请求。比如后端Rest服务的地址为h...

  • uniapp网络调试问题汇总

    1. 真机调试有时无法显示打印信息,但是h5端可以(原因未知) 2. h5端调试时,跨域问题参考uni-app之浏...

  • uni-app开发H5跨域问题

    在项目找到manifest.json文件,添加h5配置 代码如下: "h5" : { "title" : ...

  • uniapp H5跨域问题

    uniapp编译到app是不存在跨域问题的,但是编译到H5就会有跨域问题。记录一下工作中遇到跨域及解决跨域方法 方...

  • 使用JSONP解决ajax跨域

    在日常开发中,不免遇到跨域的问题。在这里我们介绍使用Jsonp来解决ajax跨域的问题 什么是跨域? 跨域,指的是...

  • 11 跨域问题简介及常用的解决方案

    使用devServer解决跨域问题 在开发阶段很多时候需要使用到跨域,何为跨域?请看下图:图片1 跨域问题的出现主...

  • webpack处理前端跨域

    前后端分离开发的时候,遇到跨域问题,可以用webpack处理跨域问题

  • uni-app 解决h5跨域问题

    报错:Access to XMLHttpRequest at 'https://xxxxxxx.com/api/v...

  • 一个iOS程序员眼中的跨域问题

    摘要: 跨域问题是web开发领域一个常见的问题,相信每个web开发者都遇到“跨域”的问题最近公司的iOS开发任务比...

  • Gulp使用http-proxy-middleware插件解决跨

    前后端分离的开发,所面临的问题就是跨域问题,在原来gulp打包开发的基础上,增加代理转发功能,从而解决跨域问题。 ...

网友评论

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

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