方法一vite.config.js文件import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';import{resolve}from'path';exportdefaultdefineConfig({plugins:[vue()],server:{proxy:{'/api':{target:'http://127.0.0.1:8000',//后端接口changeOrigin:true,rewrite:(path)=>path.replace(/^\/api/,''),},},},resolve:{alias:{//@替换为src'@':resolve(__dirname,'src'),//@component替换为src/component'@components':resolve(__dirname,'src/components'),},},});并且在tsconfig.json文件中，避免ts无法识别的报错{"compilerOptions":{..."baseUrl":"./","paths":{"@/*":["src/*"],"@components/*":["src/components/*"],},},}第二组方法的形式import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:[{//@被替换为srcfind:'@',replacement:resolve(__dirname,'src')},{//@component被替换为src/componentfind:'@components',replacement:resolve(__dirname,'src/components')}],},});并且在tsconfig.json文件中，避免ts无法识别的报错{"compilerOptions":{..."baseUrl":"./","paths":{"@/*":["src/*"],"@components":["src/components/*"],},},}
