vue架的网站修改端口

默认5173端口总是让人很奇怪，打开网页大家默认不带端口，怎么办？

一：修改 vite.config.js

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

export default defineConfig({
  plugins: [vue()],
  server: {
    port: 3000,        // 改成你想要的端口
    open: true         // 自动打开浏览器（可选）
  }
})

想打开网页不带端口就把port改为80.

看，直接输入localhost就可以打开网页了!