首页 > 其他分享 >uniapp H5 解决跨域

uniapp H5 解决跨域

时间:2023-07-17 11:22:05浏览次数:33  
标签:uniapp http 跨域 renren 192.168 H5 apiBaseUrl api

1、请求地址:http://192.168.1.216:8080/renren-api/api/getUserInfo

2、修改  manifest.json 

"h5": {"devServer": {
         "port": 5173, //端口号
         "disableHostCheck": true,
         "proxy": {
             "/renren-api": {
                  "target": "http://192.168.1.216:8080/", //目标接口域名
                  "changeOrigin": true, //是否跨域
                  "secure": false, // 设置支持https协议的代理
                  "pathRewrite": {
                        "^/renren-api": "" //意思就是把devApi这个替换成空 ''
                    }
                }
            }
     }
}

3、项目中请求

let apiBaseUrl=''
//APP:APP端
/*#ifdef APP-PLUS*/
console.log('APP端')
/*#endif*/
//H5:H5端
/*#ifdef H5*/
apiBaseUrl='/renren-api'
/*#endif*/

//MP:小程序
/*#ifdef MP*/
apiBaseUrl='http://192.168.1.216:8081/renren-api'
/*#endif*/


const config = {
    // apiBaseUrl:'http://192.168.1.216:8081/renren-api', // 线上
    apiBaseUrl: apiBaseUrl,
    aMapWX_key: '816b36912b80694b8295a6053fd714a5'
}

// 请求地址
url: config.apiBaseUrl + url

 

标签:uniapp,http,跨域,renren,192.168,H5,apiBaseUrl,api
From: https://www.cnblogs.com/hellowoeld/p/17559539.html

相关文章

  • react axios跨域解决方案
    跨域问题及其解决方案在Web开发过程中,由于同源策略的限制,浏览器会阻止发送跨域请求,这给前端开发带来了一定的挑战。而在使用React框架进行开发时,我们经常使用Axios库来进行数据通信,因此需要解决Axios跨域问题。本文将为您介绍React中使用Axios解决跨域问题的方案,并提供相应的代码......
  • 解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
    解决VueAxios跨域问题(预检请求)一、问题描述在前后端分离开发中,前端通过Vue框架发起Ajax请求时,如果请求的URL与前端所在的域名不一致,就会触发浏览器的跨域机制。其中一种常见的跨域问题是"RequestMethod:OPTIONS",也称为预检请求。在本文中,我们将说明如何解决这个问题。二、......
  • 【四】Ajax与异步编程之数据传输格式ajax同源策略和跨域方案
    【四】Ajax与异步编程之数据传输格式ajax同源策略和跨域方案【1】同源策略同源策略(ameoriginpolicy),是浏览器为了保护用户信息在服务端的安全的而设置一种安全机制。所谓的同源就是指代通信的两个地址(例如服务端接口地址与浏览器客户端页面地址)之间比较,是否协议、域名(IP)和......
  • 轻奢分销商城pc/h5小程序开源版开发
    轻奢分销商城pc/h5小程序开源版开发商城系统;包含小程序商城、H5商城、公众号商城、PC商城、App,支持秒杀、优惠券、积分、分销、会员等级。功能列表:1.用户注册和登录:用户可以通过手机号码或第三方登录方式注册和登录账号。2.商品浏览和搜索:用户可以浏览商城中的商品,并通过关键字搜......
  • 60.如何解决跨域问题
    60.如何解决跨域问题?相关知识点:通过jsonp跨域document.domain+iframe跨域location.hash+iframewindow.name+iframe跨域postMessage跨域跨域资源共享(CORS)nginx代理跨域nodejs中间件代理跨域WebSocket协议跨域回......
  • uniapp中使用openlayers
    相关链接 https://codeleading.com/article/25216143964/#google_vignette例子<template><viewid="map-id"class="map-class"></view></template><script>exportdefault{data(){return{m......
  • uniapp云发布时自有证书的生成
    1.需要java环境2.生成签名:keytool-genkey-aliasmytest-keyalgRSA-keysize2048-validity36500-keystoremytest.keystore(mytest表示签名文件的名称)3.查看签名:keytool-list-v-keystoretest.keystore原文链接:https://www.cnblogs.com/plBlog/p/13066644.html ......
  • java 跨域
       ......
  • 直播app开发搭建,uniapp中微信小程序账号登录
    直播app开发搭建,uniapp中微信小程序账号登录<template><view>    <!--登录适配-->       <!--最新版登录方法--><button             type='primary'@tap="getUserProfile">新      </button>      <......
  • 一文帮你搞定H5、小程序、Taro长列表曝光埋点
    对于很多前端同学来说,“埋点”常常是一个不愿面对却又无法逃避的话题。为什么这么说呢,相信很多前端同学都深有体会:首先埋点这个事基本是前端“独享”的,服务端基本不太涉及;其次添加埋点,往往看起来很简单但实际做起来很麻烦,很多时候为了获取一些埋点需要的信息甚至要对已经写好的代......