前端跨域问题解决，本地代理到域名

最新推荐文章于 2025-02-08 16:29:19 发布
最新推荐文章于 2025-02-08 16:29:19 发布
阅读量412 收藏 1
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_46107987/article/details/136189566
版权
文章讲述了作者在学习黑马uniapp过程中遇到的跨域问题，虽然设置了代理但未正确配置接口路径。最终发现，当接口以`/api`开头时，需将这些请求转发到target服务器地址，如`https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata`。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.学习黑马uniapp时遇见的问题:

报跨域错误

但是已经设置了代理，仍然无效。

 2.解决（多次遇见此问题，特此记录）：

最后发现是这里少写了/api，遇见以api开头的接口，则把这些接口转发到target所指向的服务器地址。

完整的接口请求地址是https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata

柠小Q
关注
前端 后端 Nginx代理，解决跨域问题
weixin_46490922的博客
03-14 1207
​。
前端跨域常见解决方案（包括vue的反向代理）
qq_43194113的博客
10-27 783
^/api’: ‘’ //用来标识是否要跨域的标识，但是正在请求的地址不需要加/api这个标识，所以在这里把它置为空，否则http://1.116.64.64:5004/api2/后面会加上/api，若要访问/api/login接口(此处api是反向代理的标识符必须添加上)，最终地址是http://1.116.64.64:5004/api2/api/login,没有这个接口。// 创建script元素（标签）// 访问http://127.0.0.1:5000/12-cross。
前端配置跨域代理
jiuge1234的博客
07-29 6206
前端配置跨域代理
前端代理跨域
makerbeen的博客
06-03 286
之前在学校最早接触的跨域方式有jsonp跨域再到后来接触到了Node使用cors跨域，这两种跨域方式做起来简单，但是却都需要后端代码支持。尤其是jsonp回调的名称也需要约定并且只支持geyt请求，前后过于耦合。 所以公司有些项目会采用nginx跨域的方式，但是前端在本地开发时无nginx配置，如何访问后端资源呢？ 在package.json中加入如下配置（配置解析：当访问接口有api字段，那么将该接口的访问域名全部代理到target所设置的域名下） // package.json中增加如下配置
前端本地代理配置方式
Mr.X
08-22 1111
Proxy SwitchyOmega是一个 Chrome 浏览器扩展，用于管理和切换多个代理设置。通过使用 Proxy SwitchyOmega，可以轻松地在不同的代理服务器之间进行切换，而无需手动修改浏览器的代理设置。
配置前端域名及nginx反向代理
q320036715的博客
10-29 1294
exe软件安装采用的是 parallels desktop 虚拟机软件 与 windows 7.iso 镜像 组合windows系统 下载软件 pd: https://www.dalipan.com/detail/a67ed46fa72a1891906f682adf985c5d?keyword=Parallels%20Desktop%2015（版本 v15.1.2 需要其它格式可在网盘搜索工具中搜索下载，获取临时会员可找pdd） w7: ed2k://|file|cn_windows_7_enterp
vue的本地proxy代理，如何看到代理后的请求路径
Anyuegogogo的博客
03-07 5639
vue的本地proxy代理，如何看到代理后的请求路径
如何用Nginx解决前端跨域问题
09-30
总之，利用Nginx解决前端跨域问题是一种常见的实践方式，它允许我们在不影响应用功能的前提下，灵活地处理跨域请求，为开发和部署提供了便利。在实际操作中，根据具体需求，可能还需要关注其他Nginx配置项，如添加...
解决前端跨域问题方案汇总
11-28
7. **代理服务器**：通过在本地或服务器端设置一个代理服务器，前端请求先发送到代理服务器，再由代理转发到目标服务器，从而避免直接的跨域问题。 以上方法各有优缺点，开发者需根据实际需求选择合适的跨域解决...
8种前端跨域问题解决方案详解
本文将深入解析并总结8种常见的前端跨域问题解决方案，以便开发者理解和应用。 1. 同源策略详解 - 同源策略基于三个元素：协议（protocol）、域名（domain）和端口（port）。当这三个元素完全匹配时，浏览器认为...
轮播图、瀑布流、百度地图API
08-17
百度地图API、轮播图以及瀑布流。外带一个登陆界面（不带后台），账号zkw299，密123456
前端本地开发中，代理配置是如何解决跨域的？
BWater_monster的博客
10-17 728
前端本地开发中，代理配置是如何解决跨域的？
手把手教你如何将线上域名代理到本地
leaves_1991的博客
11-08 1003
如果一切顺利，该域名将被解析到你在hosts文件中指定的IP地址上。2.修改此文件目录下的hosts文件。在地址栏中输入你修改过的域名，例如。1.定位到此文件目录。打开你选择的浏览器。
前端配置了代理，还是跨域怎么回事？
m0_58575070的博客
09-20 949
今天被同事邀请帮忙看bug的时候，遇到了这个问题；代理配了，而且再三确认配置的没问题，项目也重启了，浏览器直接发访问是可以获取到的，但控制台就是报跨域。没办法，再次看代码，最后终于发现了问题。问题是这位同事在对axios进行二次封装的时候，配置了baseUrl，那么问题来了，如果你配置了代理，又在axios中配置了baseUrl，那么它会将baseUrl和请求路径进行拼接然后去做访问，并不会去走代理；因此，才会一直报跨域的错。
前端解决跨域问题的8种方案（最新最全）（转）
热门推荐
weixin_30929195的博客
05-10 1万+
1.同源策略如下： URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许 http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许 http://www.a.com:8000/a.jshttp://www.a.com/b.js同一域名，不同端口不允许 ht...
前端通过‘代理配置’的方式解决跨域
最新发布
m0_67841039的博客
02-08 287
同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。如果没有vue.config.js文件，那就找到项目中config文件夹中的index.js文件。这是因为我们发送请求的端口是8081，与服务器的端口不一致，导致跨域问题。
微信小程序实战项目(首页)-two
h907310116的博客
11-05 2184
Chapter two 1.首页页面效果图 2.首页分解图 3.首页业务逻辑 1.使用tabBar实现底部导航功能 2.使用自定义组件的方式实现头部搜索框 3.加载轮播图数据 4.加载导航数据 5.加载楼层数据 4.接口API 1.获取首页轮播图数据 https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata 2.获取首页分类菜单数据 https://api-hmugo-web.itheima.net/
使用微信小程序写项目
weixin_50889870的博客
06-28 379
1. ⾸⻚ 1.1. 效果 1.2. 业务逻辑 使⽤tabbar 实现底部导航功能 使⽤⾃定义组件的⽅式 实现 头部搜索框 加载 轮播图 数据 加载 导航 数据 加载 楼层 数据 1.3. 接⼝ 获取⾸⻚轮播图数据 https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata 获取⾸⻚分类菜单数据 https://api-hmugo-web.itheima.net/api/public/v1/home/catitems 获取⾸⻚ 楼层
swift 类似高德地图和58同城上下滑动view
2401_84436095的博客
04-27 545
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值