解决uniapp h5 本地代理实现跨域访问及如何配置开发环境

🧑‍💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣

如何解决uniapp H5本地代理实现跨域访问?

1.第一种解决方法:

直接创建一个vue.config.js文件,并在里面配置devServer,直接上代码,重启跑项目

亲测有效

在这里插入图片描述

// vue.config.js
module.exports = {transpileDependencies: ['uview-ui'],devServer: {proxy: {'/api': {target: 'https://rivtrust.jz-xxx.xyz/',changeOrigin: true,pathRewrite: {'^/apih5': ''}}},}
}

2.第二种解决方法:

在src目录下找到mainfest.json文件,修改该文件,点击“源码视图”看到h5

注意:如果打开“源码视图”后并没有找到关于h5的配置,这时可以点击“h5配置”,随便修改下配置,比如设置页面标题;再去打开“源码视图”后就会出现关于h5的配置。

在这里插入图片描述
在这里插入图片描述

// manifest.json
{"h5": {"devServer": {"proxy": {'/api': {target: 'https://rivtrust.jz-xxx.xyz/',changeOrigin: true,pathRewrite: {'^/apih5': ''}}}}}
}

接口调用时这么写:
在这里插入图片描述
注意⚠️以上两种解决方法不能同时使用;第二种方案会覆盖第一种解决方法

3.还有一种无需配置:

使用HBuilder X 内置浏览器,不存在跨域问题,推荐使用

如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/31452.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

YOLOv10改进 | 注意力篇 | YOLOv10引入MLCA

1. MLCA介绍 1.1 摘要:注意力机制是计算机视觉中使用最广泛的组件之一,可以帮助神经网络强调重要元素并抑制不相关的元素。然而,绝大多数信道注意力机制只包含信道特征信息,忽略了空间特征信息,导致模型表示效果或目标检测性能较差,且空间注意力模块往往复杂且成本高昂。…

3. zabbix触发器、报警

zabbix触发器、报警 一、zabbix触发器1、触发器语法 二、配置邮件报警1、创建报警媒介2、指定收件人3、创建报警动作4、测试报警 一、zabbix触发器 针对某一个监控项创建 作用:基于某个条件,触发监控项状态的变化,正常–>问题&#xff0c…

NXP i.MX8系列平台开发讲解 - 3.15 Linux 之USB子系统(一)

专栏文章目录传送门:返回专栏目录 Hi, 我是你们的老朋友,主要专注于嵌入式软件开发,有兴趣不要忘记点击关注【码思途远】 目录 Linux 之USB子系统(一) 1. USB基础简介 1.1 USB的传输模式 1.2 USB 的设备描述符 1.3 USB 类的定义分类 2…

multiple object tracking

最近正在work on 一些运动的项目,自己比较心仪和好奇这篇论文,希望有些技术能够借鉴到实际运用里 亮点 它所用的内容都是平易近人的,和日常套路一样,都是先检测再跟踪。 里面专门为体育项目考虑了。特别和之前的数据集相比&…

强化安全新篇章:韶关石油化工可燃气体报警器年检解析

韶关,这座位于广东省北部的城市,近年来在石油化工行业取得了显著的发展。 随着一批批大型石化企业的进驻和投产,韶关不仅成为了区域性的石化产业基地,也为地方经济带来了强劲的增长动力。 然而,随着石化产业的快速发…

Facebook与地方文化:数字平台的多元表达

在当今数字化时代,社交媒体不仅仅是人们交流的工具,更是促进地方文化传播和表达的重要平台。作为全球最大的社交网络之一,Facebook在连接世界各地用户的同时,也成为了地方文化多元表达的重要舞台。本文将深入探讨Facebook如何通过…

oracle 等待事件

1.db file scattered read 含义:当一个SQL语句需要从数据文件中读取多块非连续的数据块时,就会发生db file scattered read等待事件。这意味着数据分散在不同的位置,数据库需要进行多次I/O操作来收集所需的信息。场景:这种事件常…

Python 修炼|人人编程手册|001 计算思维

在微信中阅读,关注公众号:CodeFit。 > 创作不易,如果你觉得这篇文章对您有帮助,请不要忘了 点赞、分享 和 关注,为我的 持续创作 提供 动力! 1. 计算思维 在我们正式开启 Python 修炼之旅前,先来了解一个关键的概念 —— 计算思维。 计算思维,其核心本质在于 抽象 …

顶顶通呼叫中心中间件-替换授权文件使授权文件生效指南

一、登录my.ddrj.com下载授权文件 登录地址:用户-顶顶通授权管理系统 登录之后正式授权然后点击查看把license.json下载下来,然后替换到fs的授权文件路径,默认路径是:/ddt/fs/conf 如果安装路径不一样就需要自己去看看授权文件存…

PostgreSQL从创建数据库到赋予和删除权限

下面是一个完整的 PostgreSQL 示例,展示了如何创建数据库、用户、模式(schema)、表、视图、函数,并赋予用户权限以及删除权限的步骤。假设你已经安装并配置了 PostgreSQL。 首先,登录到 PostgreSQL 的命令行客户端&…

中石化加油卡有什么用?

对于有车一族来说,有一张加油卡真的可以省下不少钱 但是像我们这种没车的人,即使得到加油卡也毫无用武之地 久而久之,难免会造成卡过期的情况出现 还好,前两天把我手上堆积了好久的加油卡在收卡云上卖出去了,99折真…

低代码开发:引领HR数字化变革新时代

引言 低代码开发是一种创新的软件开发方法,它允许开发人员通过图形用户界面和配置而非传统的计算机编程来创建应用程序。这种方法与传统的代码驱动开发模式形成了鲜明的对比,后者要求开发者具备深厚的编程技能,并花费大量时间编写和调试代码。…

nodejs从基础到实战学习笔记-模块化、包

二、模块化 2.1 什么是模块化 模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。 2.1.1 把代码进行模块化拆分的好处 提高了代码的复用性提高了代码的可维护性可以实现按需…

Docker 镜像库国内加速的几种方法

在国内,拉取 Docker 镜像速度慢 / 时不时断线 / 无账号导致限流等,比较痛苦。 这里提供几个当前可用的镜像仓库,更新到/etc/docker/daemon.json即可。 更新完记得运行: sudo systemctl daemon-reload sudo systemctl restart …

打印水仙花数

题目:打印出所有的“水仙花数”,所谓“水仙花数”是指一个三位数,其各位数字立方和等于该数本身。 例如:153是一个“水仙花数”,因为153 1的三次方 +5的三次方+3的三次方。 程序分析&#xff…

axios文件上传

var formData new FormData(); //file是文件对象 formData.append("file",file.raw); axios.post("/SchoolApi/Center/ImportStudentData", formData, { headers: { Content-type: multipart/form-data} }) .then(res > {// 上传成功后的处理console.…

外文文献下载资源大全

外文文献下载资源通常指可以免费或付费下载英文或其他语言学术文献的平台。这些资源可以按照不同行业或学科进行分类,以便用户更容易找到他们需要的文献。以下是一些主要的资源平台,它们提供不同行业的文献下载服务: 1、PubMed 学科&#x…

百元价位真无线蓝牙耳机怎么选?四款宝藏平价机型盘点

在繁忙的现代生活中,真无线蓝牙耳机凭借其便携性、无线连接以及出色的音质,已经成为了许多人的必备配件,面对市场上琳琅满目的产品,如何在百元价位内挑选出一款性价比高、性能出色的真无线蓝牙耳机,确实是一个值得深思…

【前端】前端权限管理的实现方式:基于Vue项目的详细指南

前端权限管理的实现方式:基于Vue项目的详细指南 在Web开发中,前端权限管理是一个确保应用安全性和优化用户体验的关键部分。本文将详细介绍前端权限管理的几种实现方式,并通过Vue项目中的代码示例来演示具体实现方法。 前端权限管理的基本实…

低代码智能协同办公:开启高效办公新时代

随着科技的飞速发展,人工智能逐渐成为各行各业的重要组成部分。低代码智能协同办公作为一种创新型的办公方式,正逐步改变着人们的办公习惯,为企业带来更高的效率和更优的体验。本文将从低代码智能协同办公的定义、特点、应用场景等方面展开论…