在上述代码中,有一个错误。在Vite配置文件中,应该使用import.meta.env而不是.env.develop来访问环境变量。

正确的代码如下:

// https://vitejs.dev/config/
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import AutoImport from 'unplugin-auto-import/vite';
import ElementPlusResolver from 'unplugin-element-plus/resolver';
import Components from 'unplugin-vue-components/vite';

export default defineConfig({
  devServer: {
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
  plugins: [
    vue(),
    vueJsx(),
    // 自动导入el
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
});

请注意,我还添加了一些必要的import语句,以便正确使用Vite和其他插件

httpsvitejsdevconfigexport default defineConfig devServer open true proxy api target httplocalhost3000 changeOrigin true pathRewrite ^api

原文地址: http://www.cveoy.top/t/topic/iCaS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录