Vue 3 和 vite cors prod 上的问题答案

【问题标题】：Vue 3 and vite cors problems on prodVue 3 和 vite cors prod 上的问题
【发布时间】：2023-02-07 00:56:08
【问题描述】：

我有一个在 vue 3 和 vue-cli 上使用 nginx 和代理的网站。所以我从 vue-cli 更改为 vite v4，现在我得到 net::ERR_CONNECTION_REFUSED 这是我的 vite.config

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      // "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js",
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  base: "/",
  build: {
    chunkSizeWarningLimit: 3000,
  },
  server: {
    host: true,
    cors: false,
    proxy: {
      "/api": {
        target: "http://localhost:3200",
        changeOrigin: true,
        secure: false,
        // ws: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  },
});

我尝试了几周来修复但没有成功

我尝试不使用 cors 并尝试实现 vite 配置的所有选项

【问题讨论】：

你在生产中使用 vite 吗？
是的，这是用于生产的，在本地它可以正常工作。

标签： node.js nginx proxy vuejs3 vite

【解决方案1】：

我终于解决了环境变量设置错误的问题

【讨论】：