vite typescript 配置跨域代理

打开工程目录下vite.config.ts文件

export default defineConfig({plugins: [vue(), topLevelAwait()],resolve: { alias },server:{proxy:{'/api':{  //对以 /api 开头的请求跨域处理target:'http://xxx.xxx.cn',//目标服务器changeOrigin: true,rewrite:(path)=>{return path.replace(/^\/api/,'')}}}})

注：axios 中baseUrl 记得不能配置全路径，像上面配置过滤/api,这里 baseUrl就同步配置/api就可以了

 .env.development 文件内容如下：

# 本地环境
ENV = 'development'# 本地环境接口地址
VITE_API_URL = '/api'