使用vite构建react项目配置代理

在`vite.config.js`中添加`server.proxy`选项，用于配置代理服务器的规则。例如，将所有以/api开头的请求代理到`https://www.jianshu.com`

import {
  defineConfig
} from 'vite'
import react from '@vitejs/plugin-react-swc'
export default defineConfig({
  plugins: [react()],
  server: {
    proxy: {
      '/api': {
        target: "https://www.jianshu.com",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  }
}
)

react组件中发请求测试：

import axios from 'axios'
export default function Proxy() {
    const send = () => {
        axios({
            url: '/api/shakespeare/notes/38148/user_notes',
            method: 'get',
        }).then(res => {
            console.log(res.data);
        })
    }
    return (
        <div>
            <button onClick={send}>发送代理地址请求</button>
        </div>
    )
}

测试：再终端可以请求到`https://www.jianshu.com/shakespeare/notes/38148/user_notes` 中的json