【无标题】

vue3中vite启动项目，修改默认端口号

第一种 项目生成的 vite.config.ts文件中 添加server对象（注释中对象）

import { fileURLToPath, URL } from "node:url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import VueSetupExtend from "vite-plugin-vue-setup-extend";

export default defineConfig({
  plugins: [vue(), VueSetupExtend()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  // 配置前端服务地址和端口,默认端口是5173
  // server: {
  //   // host: "0.0.0.0",
  //   port: 9999,
  //   // 是否开启 https
  //   https: false,
  // },
});

第二种 启动命令后加 --port 自定义端口号 （npm run dev --port 1234）

第三种 package.json 添加 --port 端口号（如下图）