vite+vue3项目修改启动的端口号为localhost

目录结构

找到vite.config.ts文件在里面进行修改。
需要安装几个插件
yarn add path or npm install path
yarn add process or npm install process
把原有的代码替换成以下代码即可

import { resolve } from 'path';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
function pathResolve(dir: string): string {
  return resolve(process.cwd(), '.', dir)
};
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': pathResolve('src')
    }
  },
  server: {
    host: '0.0.0.0', //ip地址
    port: 8080, //端口号
    open: true //启动后是否自动打开浏览器
  }
})

控制台效果