uniapp 解决H5跨域的问题

简介: uniapp 解决H5跨域的问题

uniapp 解决h5跨域问题

manifest.json

manifest.json文件中,点击“源码视图”,在此对象的最后添加以下代码:

"h5" : {
    "devServer" : {
         "port" : 8080, //端口号
          "disableHostCheck" : true,
          "proxy" : {
              "/api" : {
                  "target" : "请求的url地址前缀", //目标接口域名
                   "changeOrigin" : true,  //是否跨域
                   "secure" : true,  // 设置支持https协议的代理
            "pathRewrite": {  
             "^/api": ""  
           }  
             }
        }
    }
}

 

意思就是用"/api"代替 baseUrl,baseUrl就是基本url路径的意思。

request.js请求数据的页面中,如果是写的baseUrl都要用“/api”来代替之前的baseUrl地址。

此时,页面请求数据,从报错信息"cros cross origin跨域"变成了"304",此时也是可以获取到数据的,但是"304"的代码状态也是不对的,这个报“304”的原因是因为缓存。重新编译后就可以了。

小程序请求数据

小程序请求数据,需要在:

开发开发设置中的服务器域名中添加 baseUrl基本url路径即可。

 

 

目录
相关文章
|
4月前
|
前端开发 API
uniapp中为什么会出现跨域问题,如何解决
uniapp中为什么会出现跨域问题,如何解决
731 0
|
4月前
|
移动开发
Uniapp 多功能富文本编辑组件 可多端使用 H5插入
Uniapp 多功能富文本编辑组件 可多端使用 H5插入
36 0
|
6月前
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
241 0
|
6月前
|
移动开发 安全
uniapp打包成H5遇到的坑,本地访问页面空白
uniapp打包成H5遇到的坑,本地访问页面空白
223 0
|
6月前
|
移动开发 安全 JavaScript
uniapp跨域解决
uniapp跨域解决
|
5月前
|
移动开发 小程序 前端开发
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法
|
4月前
|
移动开发 小程序 JavaScript
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
|
6月前
|
移动开发 安全 JavaScript
uniapp打包成H5部署到服务器教程
uniapp打包成H5部署到服务器教程
636 0
|
20天前
|
移动开发 前端开发 JavaScript
uniapp如何打包h5项目
uniapp如何打包h5项目
|
3月前
|
数据采集 机器学习/深度学习 移动开发
uniapp+springboot医院智能导诊系统源码,自动兼容小程序与H5版本
技术架构:Uniapp+springboot+redis+mybatis plus+mysql+RocketMQ
74 0

热门文章

最新文章

相关课程

更多