vue跨域问题,请注意你的项目是vue2还是vue3

uniapp跨域设置了,但还是有问题

  • uniapp设置代理后还是无法请求后端接口
    • vue2项目设置代理
    • vue3项目设置代理

uniapp设置代理后还是无法请求后端接口

如果你在possman,apifox上测试接口都没有问题,但是在hbuild项目中设置代理后,还是无法正确调用接口,那么你就要考虑是否是你的代理设置的有问题了
vue3在manifest.json里配置devServer转发是不生效的
vue3在manifest.json里配置vue.config.js也是不生效的

vue2项目设置代理

打开项目,找到manifest.json文件并打开,点源码视图,查看源码,然后找到vueVersion

"vueVersion": "2"

在后面加入代码:

"vueVersion": "2","h5": {"devServer": {"port": 8080, //浏览器运行端口"disableHostCheck": true, //设置跳过host检查"proxy": {"/dev-api": {"target": "http://1.1.x.18:111", //目标接口域名"changeOrigin": true, //是否跨域"secure": false, // 设置支持https协议的代理"pathRewrite": {"^/dev-api": ""}}}}}

然后重启启动项目,即可

vue3项目设置代理

如果你创建的是vue3的项目,那么就要特别注意了,vue2方法配置的代理,在vue3中是无法生效的,哪怕可以用,也是各种问题,博主踩坑了一个下午,一直在找问题
vue3 是使用 vite 打包的,所以你请不要使用vue2的方法,也不要使用添加使用vue.config.js的方法
正确使用vue3设置代理的方法
首先在项目的根目录下面创建vite.config.js文件
然后在vite.config.js加入如下代码:

import {defineConfig
} from "vite"
import uni from "@dcloudio/vite-plugin-uni";export default defineConfig({plugins: [uni()],server: {proxy: {'/api': {target: 'http://x.1xx.x.xx8:9999',changeOrigin: true,rewrite: path => path.replace(/^\/api/, '')},}}
})

最后关闭项目,重启项目,即可使用vite的配置文件进行代理了。

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

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

相关文章

多尺度特征提取:原理、应用与挑战

多尺度 多尺度特征提取:原理、应用与挑战**原理****应用****挑战****总结** 多尺度特征提取:原理、应用与挑战 在计算机视觉、自然语言处理和信号处理等领域,有效地捕捉和解析数据的多种尺度特性是至关重要的。多尺度特征提取是一种技术&…

数据治理:让数据提取更高效、更准确的关键

数据治理:让数据提取更高效、更准确的关键 在数字化浪潮的推动下,数据已成为企业运营和决策的重要基石。然而,单纯的数据堆积并不能带来实际的业务价值,关键在于如何高效、准确地提取并利用这些数据。而数据治理,作为…

融资融券有哪些交易技巧,两融利率现在最低多少?4.0%!

融资融券交易技巧 授信额度技巧 当我们账户净资产有显著增长时,最好主动申请增加信用额度,这样在后面行情好转入资金需要进行更多融资融券交易时就不会受限于授信额度,避免因为临时申请增加额度而错过交易机会。 买入委托技巧 现金的折算率…

小孟再接盲盒小程序,3天开发完!

大家好,我是程序员小孟。 前面开发了很多的商业的单子,私活联盟的小伙伴慢慢的逐渐搞自己的产品。 前面的话,开发了盲盒小程序,最近又接了一款盲盒小程序。因为前面有开发过,所以我们的成本也少了很多。 盲盒小程序…

一个基于MySQL的数据库课程设计的基本框架

数据库课程设计(MySQL)通常涉及多个步骤,以确保数据库的有效设计、实现和维护。以下是一个基于MySQL的数据库课程设计的基本框架,结合参考文章中的相关信息进行整理: ### 一、引言 * **背景**:简要介绍为…

走进Elasticsearch

什么是ES 是一个分布式、RESTful风格的搜索和数据分析引擎 中文参考文档: 《Elasticsearch中文文档》 | Elasticsearch 技术论坛 elasticSearch官网: Functions and Operators | Elasticsearch Guide [7.11] | Elastic查询方式 Kibana查询(原…

2024.6.17 作业 xyt

今日作业: 升级优化自己应用程序的登录界面。 要求: 1. qss实现 2. 需要有图层的叠加 (QFrame) 3. 设置纯净窗口后,有关闭等窗口功能。 4. 如果账号密码正确…

代码随想录算法训练营刷题复习4 :单调栈

单调栈 单调栈 如果题目出现典型的 【左小 中大(栈中左侧元素都比此值小) || 右小】(寻找右侧第一个比此值小的元素) 【左大 中小(栈中左侧元素都比此值大) || 右大】(寻找右侧第一个比此值大的元素) 数据关系的话,可…

Marin说PCB之orcad-capture原理图封装库的创建总结----01

今天是个不错的日子,我早上一出门刚骑车到半路就开始下大雨了,可是天气预报上明明说的没有雨啊,所以说天气预报就像是女人的脾气一样,难以揣摩啊,也尽量少去揣摩吧。 小编我刚刚到公司,就收到美国分部同事J…

【C语言】排序算法 -------- 计数排序

个人主页 创作不易,感谢大家的关注! 文章目录 1. 计数排序的概念2. 计数排序使用场景3. 计数排序思想4. 计数排序实现过程5. 计数排序的效率6. 总结(附源代码) 1. 计数排序的概念 计数排序是一种非比较的排序算法,其…

分享三款AI智能修图工具,超实用!

随着AI技术的飞速发展,图像处理领域正经历着一场颠覆性的革新。如今,众多繁琐的图像处理任务,诸如修图、抠图以及高清修复等,均可以借助先进的AI技术实现自动化处理。相较于传统的人工操作,AI图像工具不仅极大地提升了…

3d中毒了打不开模型怎么办---模大狮模型网

3D中毒了打不开模型怎么办?这是很多3D爱好者都会遇到的问题。在使用3D建模软件时,有时会出现打不开模型的情况,这可能是由于软件本身的问题,也可能是由于电脑配置不够高导致的。下面我们就来看看如何解决这个问题。 首先&#xff…

新手学习yolov8目标检测小记1

一、复现 网上有很多教程,复现yolov8的目标检测。在复现的过程中,会用到模型yolov8n.pt,可以选择命令下载和网站下载。复现后,runs文件包下会生成最优的权重文件best.py,在ultralytics/assets中放一张图片,…

探索未来通信的新边界:AQChat一款融合AI的在线匿名聊天

探索未来通信的新边界:AQChat一款融合AI的在线匿名聊天 在数字时代,即时通讯变得无处不在,但隐私和性能仍旧是许多用户和开发者关注的焦点。今天,我要介绍一个开创性的开源项目 —— AQChat,它不仅重定义了在线匿名聊…

Ollama+Open WebUI本地部署Llama3 8b(附踩坑细节)

先展示一下最终结果,如下图所示: 1. 添加环境变量 在下载 ollama 之前,先去配置环境变量,确保模型下载到我们想要的地方 win10 和 win11 输入path或者环境变量: 增加系统环境变量 变量名不可更改,必须是O…

[ARM-2D 专题]3. ##运算符

C语言的宏系统相当强大,它允许使用##符号来处理预处理期的文本替换。这种用法被称为标记连接(token pasting)操作,其结果是将两个标记紧紧地连接在一起,而省略掉它们之间的所有空格。在复杂的宏定义中,运用…

学习使用js实现导出excel表格导出csv表格的方法示例,并支持中文汉字

学习使用js实现导出excel表格导出csv表格的方法示例 <!DOCTYPE html> <html> <head><meta charset"utf-8"><title>下载表格</title></head> <body><script type"application/javascript">function …

Debian/Ubuntu linux安装软件

1、官方软件商店安装 2、deb包安装 报错不是sudoers&#xff0c;首先将用户添加到sudo su -l adduser USERNAME sudo exit然后&#xff0c;退出桌面环境并再次登录。 您可以通过输入以下内容来检查上述过程是否成功&#xff1a; groups下载deb包 altshiftf4或右键打开命令行…

10.无代码爬虫软件做网页数据抓取流程——工作流程设置与数据预览

首先&#xff0c;多数情况下免费版本的功能&#xff0c;已经可以满足绝大多数采集需求&#xff0c;想了解八爪鱼采集器版本区别的详情&#xff0c;请访问这篇帖子&#xff1a;https://blog.csdn.net/cctv1123/article/details/139581468 八爪鱼采集器免费版和个人版、团队版下…

安卓实现输入快递单号生成二维码,摄像头扫描快递单号生成的二维码,可以得到快递信息

背景&#xff1a; 1、实现二维码的生成和识别2、实现andriod&#xff08;或虚拟机&#xff09;部署&#xff0c;调用摄像头3、实现网络管理&#xff0c;包括数据库【取消】2、3可以组队实现&#xff0c;1必须单人实现 过程&#xff1a; 安卓APP主界面 输入快递单号信息&#…