配置反向代理解决跨越问题

最新推荐文章于 2023-12-26 11:08:55 发布

Carla卡拉伊

最新推荐文章于 2023-12-26 11:08:55 发布

阅读量320

点赞数 1

分类专栏：报错

本文链接：https://blog.youkuaiyun.com/weixin_45484574/article/details/100058327

版权

报错专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在Vue2.x项目中遇到的本地请求服务器报错问题及解决方案。通过配置项目的config/index.js文件实现反向代理，将请求的基准路径设置为'/api'，替换原有的IP地址和端口号，有效解决了跨域问题。

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

在这里插入图片描述
第二篇博客一起见证哇咔咔

vue2.x项目本地请求服务器时报错如上

解决方案：配置反向代理

1.打开conifg文件夹下的index.js

配置前是这样的
在这里插入图片描述

2.配置后

target就是访问的基准路径
之后在js中，需要写基准路径时用/api代替即可
/api 等于 htttp://192.168.1.105:8594
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Carla卡拉伊

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

[问题探讨]使用反向代理解决跨域请求

tom_wong666

03-11

648

nginx反向代理解决跨域 https://blog.youkuaiyun.com/u013314786/article/details/84584374 正向代理是代理客户端，为客户端收发请求，使真实客户端对服务器不可见；而反向代理是代理服务器端，为服务器收发请求，使真实服务器对客户端不可见。从上面的描述也能看得出来正向代理和反向代理最关键的两点区别：是否指定目标服务器客户端是否要做设置 ...

不使用反向代理解决跨域问题，含前后端代码及详细注解（axios+springboot）

yeshuboss的博客

01-29

410

不使用反向代理解决跨域问题含前后端代码及详细注解（axios+springboot），几乎完整代码直接可用。

参与评论您还未登录，请先登录后发表或查看评论

解决同事所谓的nginx反向代理问题

weixin_40143280的博客

10-23

323

解决同事所谓的nginx反向代理问题问题：同事研发的一个类似于请求转发工具，想要测试功能，请求首先进入到有外网ip的102服务器上的nginx，然后经过nginx反向代理至同事工作电脑ip60的80端口上，然后经由同事的服务转向103服务器的nginx上，再由103服务器的nginx分别根据不同的域名转向103的8080和8081服务上。问题，同事说经由103nginx转发后，test1与tes...

nginx的stream反向代理mysql配置

weixin_34113237的博客

01-08

784

这里主要记录一下nginx的负载代理stream模块，首先编译的时候需要加上--with-stream，就像这样然后nginx.conf里面的配置是在http选项上面加上 #Mysql ReverseProxy stream { include mysql.conf; } 这就是引导读取一个mysql.conf的文件，然后把反向代理的配置扔进去就行。 m...

反向代理服务器能干什么？

candice931020的博客

05-21

1265

众所周知，代理是用户和互联网之间的中介。当您使用代理时，您的请求首先通过代理服务器，然后才连接到Internet。您可以将代理想象成一个附加的安全层，它使用自己的IP来隐藏您的真实IP地址。代理分很多不同种类。在本文中，我们将深入地讨论反向代理。什么是反向代理服务器？ 反向代理服务器是代理服务器中的一种，它是在Web服务器之前实现的，并将客户端请求定向到特定的后端服务器。通常，反向代理有助于提高Web服务器的安全性和性能，并防止过载。 反向代理确保用户不会直接与原始Web服务器通..

【Nginx】文件已经存在全局反向代理问题排查

xanadw的博客

04-30

8136

项目场景：阿里云搭建的宝塔Linux面板，上面已经搭建过其它网站了，我现在给一个新增的网站增加一个反向代理端口，但是通过宝塔面板添加反向代理的时候，出现了下图伪静态的错误。问题描述伪静态/nxinx主配置/vhost/文件已经存在全局反向代理 这个问题是其实是告诉我们nginx配置文件里面一个网站只能包含一个location /，不然就会产生报错了。原因分析：问题已经非常清楚了，就是nginx.conf的相关配置出现...

Nginx反向代理解决iframe跨域问题

weixin_30544657的博客

04-28

4021

前言　这几天有个需求：做个表单页面，要求后台人员能自定义发布表单，用户来填写表单。我一想，这不麦克表单有现成的吗，拿来就用！发布表单后，可以选择使用iframe方式嵌入网站，一切顺利。　当时的网站是http协议，后来升级了https，发现完全加载不出来。原因是浏览器的安全限制，在https协议下不允许有http的iframe请求。然而，除了交钱，也不能将麦...

IIS反向代理解决Web前端跨域

飞翔的凤凰

02-26

8041

1. IIS反向代理1.1 IIS7反向代理解决跨域问题IIS的版本必须是IIS7及其以上，否则没有反向代理功能；按照以下步骤来配置IIS，以实现反向代理；1.2 配置步骤1. 下载安装ARR（Application Request Routing），http://www.iis.net/downloads/microsoft/application-request-routing 2. 如上图所...

nginx配置解决前后端的跨越问题

11-02

为了解决这个问题，我们可以利用Nginx作为反向代理服务器进行配置，实现跨域请求。以下是对这个主题的详细解释。首先，我们需要理解Nginx的基本工作原理。Nginx是一款高性能的HTTP和反向代理服务器，它可以接收...

Nginx高级（八）：nginx跨域、nginx正向代理、nginx反向代理

大胡子哥哥

11-29

4091

一、nginx跨域 1 . 什么是跨域？跨源资源共享(CORS)是一种机制，它使用额外的HTTP标头让用户代理获得访问来自不同来域的服务器上选定资源的权限，而不是使用当前正在使用的站点。用户代理在请求来自与当前文档不同的域，协议或端口的资源时，会发出跨源HTTP请求。 2 . 产生跨域的原因？ 1、出于安全原因，浏览器限制从脚本内发起的跨域HTTP请求。例如，XMLHttpRequest与提取API遵循同域策略。这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源，除非使用

解决宝塔伪静态/nginx主配置/vhost/文件已经存在全局反向代理

最新发布

m0_69254007的博客

12-26

3881

打开高级功能，根据下方提示写入对应的内容（目标路径写请求后端接口的路径；内容替换根据项目的config.js里选择写或不写）。注：一定要点高级功能假设接口的地址是：http://www.test.com/index/index （服务器的实际地扯）前端访问接口地扯是：本地地扯或域名/api/index/index （前端访问的地扯）代理名称：可以随便起，尽量跟代理目录一致代理目录：就是域名后面的/api发送域名：会自动生成配置好后自动生成一个配置文件。

宝塔配置反向代理出现“伪静态/nginx主配置/vhost/文件已经存在全局反向代理

B13362260109的博客

07-19

1465

3.还有一种可能就是你的宝塔上的nginx被强制关闭造成的（我这个是开启的，关闭的样子是状态哪里显示的是红色的符号，这个时候将他开启后再试一下）可以先去伪静态把伪静态清空后保存，再去设置反向代理，反向代理设置好以后再去开启伪静态。流程关闭伪静态-开启反向代理-再次开启伪静态。中找到 “ location / ”，宝塔自动安装的NGINX不会这个，多半都是自己手动配置的，散掉这个配置就行了。2.可能是出现这种情况是因为网站开启了伪静态。配置反向代理失败的记录。

Proxy反向代理解决跨域问题

m0_66571906的博客

02-24

2948

跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。反向代理的工作原理是，代理服务器来接受客户端的网络访问连接请求，然后服务器将请求有策略的转发给网络中实际工作的业务服务器，并将从业务服务器处理的结果，返回给网络上发起连接请求的客户端。简单来说就是跨域问题，经过我的求助和努力，找到了解决的方法，用反向代理。

Nginx——反向代理解决跨域问题（Windows）

qq_39367410的博客

01-11

4552

nginx解决跨域问题这个破玩意是真麻烦，必须写一篇文章避避坑了。

前端使用 Nginx 反向代理彻底解决跨域问题

热门推荐

IT小村

07-30

6万+

一、前言由于身处于小团队，作为后台的，不得已参与到前端开发中。首先迎来的就是跨域的问题。个人觉得使用 nginx 是一种较为简单直接彻底的办法二、流程 1、请求后端数据失败代码如下 &amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt; &amp;

使用nginx配置反向代理时出现的错误，一直报400错误

yokimiya

10-05

3862

如题，在我用nginx配置反向代理后虽然程序可以运行，但在控制台会一直报如下400的错误。这里给出我的反向代理配置文件(nginx.conf) 其实错误就在于nginx在使用proxy_pass做跳转和反向代理时，如果直接使用域名，且需要向后端提交当前访问的IP地址时，引发nginx的bug造成死循环。所以修改代码如下：如果用于反向代理 location / { prox...

nginx反向代理Authorization请求头问题解决

moon

06-13

2万+

在前后端分离的开发中使用nginx做反向代理去请求服务器地址时，发现自定义的header请求头Authorization信息丢失了，在网上找了很多资料都不是我所需要的，现解决后记录如下：修改nginx的nginx.conf配置文件，添加如下红框所示内容。 ...

出现HTTP: 401 的时候的解析思路

dj1105601720的博客

03-02

485

说在前面的话: 最近工作确实比较忙了一些, 毕竟是年初,很多事情都需要重新布置, 一年之计在于春嘛; 这几天,新来了一些小伙伴, 在他们接下来的一些工作中, 也发现了一些比较有意思的bug, 有些bug确属不应该,不过也有些bug比较有意思, 有时间了,我会慢慢的整理一些发上来和大家分享, 今天先分享一个: HTTP: 401 介绍: 什么是HTTP: 401 时常做应用开发的伙伴们,估...

Nginx配置反向代理出现错误

qq_36609994的博客

03-15

1028

java.lang.IllegalArgumentException: The character [_] is never valid in a domain name. at org.apache.tomcat.util.http.parser.HttpParser$DomainParseState.next(HttpParser.java:1048) at org.apache.tomc...

实现全球文件分发的简单ASP.NET反向代理CDN解决方案

4. **无请求限制**：浏览器对同一域名的并发请求有限制，使用反向代理可以跨越这个限制，提高网站响应速度。 5. **全球化部署**：可以通过Azure的流量管理器实现全球范围内的文件分发，进一步缩短用户到文件源的路径...

配置反向代理 解决跨越问题

vue2.x项目 本地请求服务器时报错如上

1.打开conifg文件夹下的index.js

2.配置后

配置反向代理解决跨越问题

vue2.x项目本地请求服务器时报错如上