vue的代理和nginx代理

逃离我推掉我的手 2024-03-17 20:15 68阅读 0赞

## vue的proxy代理 ##

/** 接口代理 */
          proxy: {
            "/sign-system": {
              target: "http://127.0.0.1:8080/sign-system",
              ws: true,
              /** 是否允许跨域 */
              changeOrigin: true,
              rewrite: (path) => path.replace("sign-system", "")
            }
          }

上面这个代理的意思是当我们从浏览器中访问应该url这个url中有 /api/v1 就会被拦截下来，

例如：http://localhost:3333/sign-system/sign从浏览器访问这个url会被拦截下来，然后

/sign-system/sign这部分再经过rewrite的处理，在这里就是将 /sign-system 替换成""空字符串，变为了/sign，然后会将其拼接在http://127.0.0.1:8080/sign-system的后面，也就是说最终浏览器访问的url是http://127.0.0.1:8080/sign-system/sign 这个路径。

## nginx代理 ##

location /order/ {
                    proxy_pass http:/10.0.0.2:8080/order
    }

如果说想访问 http:/10.0.0.2:8080/order/get\_price，

只能通过访问nginx：10.0.0.1:80/orderr/get\_price,然后nginx去代理过去。因为再实际项目中前端是不可能能直接访问服务的真实路径，都基本上都是通过代理来调用服务。

而通过上面的配置就是浏览器访问http://localhost:8080/order/get\_price 这个路径，然后回通过nginx代理转变为http://10.0.0.2:8080/order/get\_price 这个路径。

这个是将location/order路径后面的路径 /get\_price 拼接到proxy\_pass那个路径后面去，和vue的proxy代理有所不同。

发表评论取消回复

表情：

评论列表（有 0 条评论，68人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue的代理和nginx代理

vue的proxy代理 / 接口代理 / proxy: { "/sign-system": {

逃离我推掉我的手/ 2024年03月17日 20:15/ 0 赞/ 69 阅读

相关请解释Nginx代理中的正向代理和反向代理

正向代理（Forward Proxy）和反向代理（Reverse Proxy）是Nginx代理模式中的两种主要类型。正向代理（Forward Proxy）是一种代理服务器，

朱雀/ 2024年02月05日 16:35/ 0 赞/ 38 阅读

相关 nginx——正向代理和反向代理

概念：正向代理：一般的访问流程是客户端直接向目标服务器发送请求并获取内容，使用正向代理后，客户端改为向代理服务器发送请求，并指定目标服务器（原始服务器），然后由代理服务器

偏执的太偏执、/ 2023年06月21日 07:19/ 0 赞/ 23 阅读

相关 nginx反向代理和正向代理的区别

nginx反向代理和正向代理的区别是什么？下面本篇文章就来给大家介绍一下，希望对你们有所帮助。 ![format_png][] 什么是正向代理？正向代理是一个位于

ゝ一纸荒年。/ 2023年02月11日 14:29/ 0 赞/ 234 阅读

相关 Nginx 代理Vue 刷新 404

Nginx 代理Vue 刷新 404 ![在这里插入图片描述][20210525203624338.png_pic_center] nginx locat

拼搏现实的明天。/ 2022年10月15日 14:56/ 0 赞/ 159 阅读

相关 nginx代理vue

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQx

柔光的暖阳◎/ 2022年10月06日 09:47/ 0 赞/ 175 阅读

相关 Nginx做HTTP代理和邮件服务器代理

一、背景最近公司在做网络安全整改，对大数据环境的网络安全要求更高，要求所有的大数据环境的机器不能访问外网，但是可以访问公司的非大数据环境的其他服务器。我们组有四台单独的

拼搏现实的明天。/ 2022年09月15日 05:48/ 0 赞/ 435 阅读

相关正向代理和nginx的反向代理

正向代理是由多台pc电脑一台可以上网的代理服务器一台网站服务器组成 pc做请求后代理服务器获取请求从网站服务器获取后把结果返回给pc电脑

Dear 丶/ 2022年06月13日 02:41/ 0 赞/ 236 阅读

相关 Nginx 正向代理和反向代理

简单小日志：这里记录一下总感觉有人搞不清正向代理和反向代理。 nginx 正向代理使用场景客户端（例如js程序） -----请求-----》服务端

ゝ一世哀愁。/ 2021年09月24日 02:10/ 0 赞/ 495 阅读

相关 nginx代理

import org.apache.commons.codec.binary.Base64; import org.apache.commons.lang3.S

╰半夏微凉°/ 2021年09月07日 06:02/ 0 赞/ 365 阅读