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

世间万物皆对象

发布于 2024-03-20 20:07:06

2510

发布于 2024-03-20 20:07:06

文章被收录于专栏：startstart

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