---
sidebar_position: 6
---

# 网络代理

## 本地代理

Modern.js 在 [`tools.devServer`](/configure/app/tools/dev-server) 中提供了配置开发环境代理的方式。例如，将本地开发接口，代理到线上某个地址：

```ts title="modern.config.ts"
import { defineConfig } from '@modern-js/app-tools';

export default defineConfig({
  tools: {
    devServer: {
      proxy: {
        '/go/api': {
          target: 'http://www.example.com/',
          changeOrigin: true,
        },
      },
    },
  },
});
```

请求 `http://localhost:8080/go/api` 时，会从 [http://www.example.com/](http://www.example.com/) 返回响应内容。

:::info 补充信息
配置格式可参考：[http-proxy-middleware](https://github.com/chimurai/http-proxy-middleware)。

:::

## 全局代理

import GlobalProxy from "@site-docs/components/global-proxy"

<GlobalProxy />
