同一局域网下访问vue项目

vue脚手架创建项目

npm install -g @vue/cli

vue create my-vue-app

npm install

npm run serve

创建Vite项目

npm init vue@latest vite-app

cd vite-app

npm install

npm run dev

创建一个最新版本的vue项目

create vue@latest

npm install

npm run dev

创建vite或最新版本的vue项目时没有cli脚手架中的局域网共享,通过修改package.json中的script dev配置项实现局域网共享.

只需将"dev": "vite"修改为"dev": "vite --host 0.0.0.0"

• 修改前

  "scripts": {
   
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

• 修改后

  "scripts": {
   
    "dev": "vite --host 0.0.0.0",
    "build": "vite build",
    "preview": "vite preview"
  },