vue3.x项目用vite构建之后提示“vite use `--host` to expose”问题

  1. 使用vue3.x推荐的vite构建项目之后,启动之后终端会显示如下信息
  > Local: http://localhost:3000/
  > Network: use `--host` to expose

只见到本地的localhost:3000项目地址,并提示Network: use --host to expose 信息

  1. 原因分析,这个问题我首先也是在百度搜索了一遍,找到的答案也差不多是一样的,就是没有配置IP,所以不能从IP启动,需要在vite.config.js做相应的配置,然后根据网上的找到的解决方案,于是对vite.config.js增加如下配置
    vite.config.js
export default defineConfig({
  plugins: [vue()],
  // 这里就是增加IP配置的地方
  server: {host: '0.0.0.0'}
})
  1. 保存后就会显示IP地址启动的地址了
  2. 通过查阅vite的官方文档,发现这个ip配置是可以支持两种类型的 string | boolean,通过设置server.host来指定服务器监听的IP地址
    如果将此设置成 0.0.0.0 或者 true 将监听所有地址,包括局域网和公网地址

也就是说server.host也可以直接指定IP 或者是设置成true与0.0.0.0的效果是一样的

vite.config.js

export default defineConfig({
  plugins: [vue()],
  // 这里就是增加IP配置的地方
  server: {host: true}
})

如此设置也是一样的效果

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容