vite启动的服务默认不能通过ip地址访问

只能通过 localhost 来访问服务

init.png

要修改vite.config.js文件, 添加 host: 0.0.0.0

server: {
    open: true,
    port: 3005,
    host: '0.0.0.0'
  },

修改 package.json 启动命令

"scripts": {
    "dev": "vite",
    "start": "vite --host 0.0.0.0",
    "build": "vue-tsc --noEmit && vite build",
    "serve": "vite preview"
  },

然后 yarn start 就能正常看到

indome.png

可以通过 ip 地址访问啦！