vue3 + vite 启动项目npm run dev 时 报错

报错信息:

在这里插入图片描述
找不到ip地址

解决办法:

mac 在终端找ip地址
输入命令行:ipconfig getifaddr en0
找到ip地址后进入项目中找到vite.config.ts文件, 修改如下:

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base: '/',
  server: {
	  host: '192.168.9.178',
	  port: 5173,
	  https: false,
	  open: true,
	    hmr: {
			  protocol: 'ws',
			  host: '192.168.9.178'
		  },
  }
})


host更换成现在找到的ip地址, 然后npm run dev 即可启动项目

总结:
  1. 将host配置改为当前设备ip;
  2. 将host配置改为“0.0.0.0”,这样代码运行设备ip变了也不再需要修改配置

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐