Uniapp解决app和H5跨域问题

简介: Uniapp解决app和H5跨域问题

Uniapp解决app和H5跨域问题

1、创建request全局配置文件

module.exports = (vm) => {
  // 初始化请求配置 
  // 设置跨域问题
  // #ifdef H5
  // 此为自定义配置参数,具体参数见上方说明
  uni.$u.http.setConfig({
  baseUrl: 'api',
  loadingText: '努力加载中~',
  loadingTime: 800,
  // ......
  });
  // #endif
// #ifndef H5
  // 此为自定义配置参数,具体参数见上方说明
  uni.$u.http.setConfig({
  baseUrl: 'http://192.168.xx.xx:xxxxx',
  loadingText: '努力加载中~',
  loadingTime: 800,
  // ......
  });
  // #endif
}

2、在manifest.json中对H5进行配置

"h5": {
  "devServer": {
    "proxy": {
    "/api": {
      "target": "http://192.168.xx.xx:xxxx",
      "pathRewrite": {
      "^/api": ""//这个api要和request中对H5配置的baseUrl保持一致
      }
    }
    }
  }
  }

下面示例是文件所在位置


image.png


3、在main.js中全局配置

import App from './App'
App.mpType = 'app'
const app = new Vue({
  ...App
}) 
// 引入请求封装,将app参数传递到配置中
require('@/config/request.js')(app)

uniapp官网网络请求地址

https://uniapp.dcloud.io/api/request/request.htmlimage.png

目录
相关文章
|
6天前
|
开发工具 Android开发
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
18天前
|
移动开发 开发框架 JavaScript
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
290 3
|
6天前
|
移动开发 前端开发 JavaScript
|
6天前
|
存储 前端开发 Java
|
11天前
|
移动开发 JavaScript 开发工具
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
|
1月前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物饲养管理APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物饲养管理APP的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章