vue3新项目修改端口

1.在vue.config.js文件中加入以下代码：

import { defineConfig } from 'vite'

server: {
      port: 8080 // 将端口改为8080
    }

 完整代码：

import { fileURLToPath } from 'node:url'
import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
import viteConfig from './vite.config'
import { defineConfig } from 'vite'

export default mergeConfig(
  viteConfig,
  defineConfig({
    test: {
      environment: 'jsdom',
      exclude: [...configDefaults.exclude, 'e2e/**'],
      root: fileURLToPath(new URL('./', import.meta.url))
    },
    server: {
      port: 8080 // 将端口改为8080
    }
  })
)

2.打开package.json文件：

把

"dev": "vite",

修改为：

"dev": "vite --port 8080",

重新运行：

修改成功~