如何修改Vite启动服务时CLI控制台显示的提示信息

完全可以修改Vite启动时的CLI提示信息，把默认的本地地址换成你的业务URL，这里提供两种实用方法：

方法1：通过Vite配置直接指定显示URL #

在项目根目录的vite.config.js（或vite.config.ts）中添加server.origin配置，填入你的实际业务URL：

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

export default defineConfig({
  plugins: [vue()],
  server: {
    origin: 'https://your-business-url.com/scope' // 替换成你的业务URL
  }
})

重启npm run dev后，CLI里的Local地址就会直接显示你设置的业务URL。

方法2：自定义插件灵活修改控制台输出 #

如果需要添加额外提示文本或更精准的定制，可以写个简单的Vite插件监听日志并替换内容：

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

export default defineConfig({
  plugins: [
    vue(),
    {
      name: 'custom-dev-log',
      configureServer(server) {
        server.middlewares.use((_, __, next) => {
          const originalLog = console.log
          console.log = (...args) => {
            if (typeof args[0] === 'string' && args[0].includes('Local:')) {
              // 替换原有地址，还能添加自定义提示
              originalLog('  ➜  业务地址: https://your-business-url.com/scope')
              originalLog('  ➜  测试环境: https://test.your-business-url.com/scope')
            } else {
              originalLog(...args)
            }
          }
          next()
        })
      }
    }
  ]
})

临时替换方案（无需改配置） #

如果只是临时测试，可直接在启动命令后加参数：

npm run dev -- --origin https://your-business-url.com/scope

内容的提问来源于stack exchange，提问作者mikasa