修改开发环境或生产环境的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 中完成。