vite端口设置的问题

Question

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  server: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8022'
      }
    }
  }
})

这里没有设置端口，为什么跑起来是5173，是不是VITE默认这个端口？

Answer 1

引自免费微信小程序：皆我百晓生

在您的配置文件中，您没有明确指定Vite的端口号。根据您提供的代码，Vite默认使用的端口号为5173。

为了确保Vite在启动时使用正确的端口，您可以按照以下步骤进行操作：

1. 在项目根目录下创建一个名为config.js的文件。
2. 将以下内容添加到config.js文件中：

const PORT = process.env.PORT || 5173;
module.exports = {
  // 其他配置...
  server: {
    host: 'localhost',
    port: PORT,
    // ...
  }
};

1. 保存并关闭config.js文件。
2. 使用命令行工具（例如Node.js）运行以下命令：

npx vite --config config.js

这将启动Vite服务器，并使用指定的端口5173运行应用程序。

这样做的好处是可以确保Vite在启动时使用正确的端口，从而避免因端口冲突导致的问题。