使用vite创建的vue3项目使用axios时出现跨域问题-not allowed by Access-Control-Allow-Origin

解决方案非常简单，
在vite.config.ts中添加

proxy: {
    
    
	'/api': {
    
    
		target: 'http://localhost:3000',  //你要跨域访问的网址
		changeOrigin: true,   // 允许跨域
		rewrite: (path) => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
	}
}

我配置文件最终效果：

import {
    
     defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
import vuetify from 'vite-plugin-vuetify'

// https://vitejs.dev/config/
export default defineConfig({
    
    
  	plugins: [
		vue(),
		vuetify({
    
     autoImport: true }),
	],
	server: {
    
    
		// open: true,
		// host: 'localhost',
		// port: 5173,
		// https: false,
		proxy: {
    
    
			'/api': {
    
    
				target: 'http://localhost:3000',  //你要跨域访问的网址
				changeOrigin: true,   // 允许跨域
				rewrite: (path) => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
			}
		}
	}
})