vite.config.ts 配置host
时间: 2024-10-11 18:00:23 浏览: 38
vite.config.ts
`vite.config.ts` 是 Vite(一个基于 Vue 的渐进式 Web 应用构建工具)的配置文件,用于自定义项目的构建流程和环境设置。如果你想要配置 host(即应用运行的服务器地址),通常是在 `vite.config.ts` 中的 `server` 或者 `build` 部分。
以下是配置 `vite.config.ts` 中的 host 信息的一个示例:
```typescript
import { defineConfig } from 'vite';
import path from 'path';
export default defineConfig({
server: {
host: 'localhost', // 默认为 localhost,你可以更改为其他地址如 '0.0.0.0' 来让应用监听所有网络接口
port: 3000, // 端口号,默认是 3000
open: true, // 是否自动打开浏览器
},
build: {
target: 'esnext', // 构建目标
产出目录: path.resolve(__dirname, 'dist'), // 输出文件夹路径
assetsDir: 'static', // 静态资源文件夹名
}
});
```
在这里,`host` 属性指定了应用程序将在哪个主机上运行(默认是本地机)。如果你想在开发环境中让应用能在所有网络接口上访问,可以将 `host` 设置为 `'0.0.0.0'`。
阅读全文