Arco Design Pro Vue跨域设置方式 – 珊瑚贝

修改开发环境或生产环境的vite配置文件，文件路径如下：

├── README.md
├── config
│   ├── plugin  # vite插件
│   ├── vite.config.base.ts  # 基础环境配置
│   ├── vite.config.dev.ts  # 开发环境配置
│   ├── vite.config.prod.ts  # 生产环境配置
└── package.json

这里以开发环境示例，修改vite.config.dev.ts，在server中增加proxy配置（下面代码的高亮配置）：

import { mergeConfig } from 'vite';
import eslint from 'vite-plugin-eslint';
import baseConfig from './vite.config.base';

export default mergeConfig(
  {
    mode: 'development',
    server: {
      open: true,
      fs: {
        strict: true,
      },

      proxy:{
        '/api':'https://www.02405.com'
      },
        
    },
    plugins: [
      eslint({
        cache: false,
        include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue'],
        exclude: ['node_modules'],
      }),
    ],
  },
  baseConfig
);

这个配置可以将所有 /api 开头的请求转发到 https://www.02405.com/ ,并且附带所有的参数，包括头信息和 cookie。有一点需要注意的是，在浏览器控制台里看到的仍然是 http://localhost:3000/api/xxx ，转化的步骤是在 node.js 中完成。