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'