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

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 //启动后是否自动打开浏览器
  }
})