当使用 Vite
构建项目后,发现只有localhost
+ 端口
服务,没有 IP
+ 端口
服务。
运行npm run dev
,终端提示Vite启动后提示Network: use '--host' to expose
。
package.json中脚本配置
1 | "scripts": { |
问题复现
当运行 npm run dev | serve
命令时,会显示一下内容。
1 | > vite-vue-demo@1.0.0 |
解决
- 配置
vite.config.js
1 | export default defineConfig(({ mode })=>({ |
- 配置
package.json
1 | "scripts": { |
执行npm run dev
命令
1 | vite v2.5.1 dev server running at: |
《Vue3学习与实战》系列
- Vue3学习与实战 · 组件通信
- Vue3学习与实战 · 全局挂载使用Axios
- Vue3学习与实战 · 配置使用vue-router路由
- Vue3学习与实战 · Vuex状态管理
- vue3 + vite实现异步组件和路由懒加载
- Vite+Vue3+Vant快速构建项目
欢迎访问:个人博客地址
本文作者: Tiven
发布时间: 2021-05-07
最后更新: 2023-03-02
本文标题: Vite启动后提示Network: use `--host` to expose
本文链接: https://www.tiven.cn/p/a57bb1ad/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2021-05-07
最后更新: 2023-03-02
本文标题: Vite启动后提示Network: use `--host` to expose
本文链接: https://www.tiven.cn/p/a57bb1ad/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!