vue执行npm run serve后浏览器报Cannot GET /

出现这个

在一开始建立好vue工程的时候仍然可以运行成功 但现在vue add vuetify后出现了npm run serve后浏览器报Cannot GET /

不行 会报错

WARN There are uncommitted changes in the current repository, it’s recommend

进入5000的端口
网上都是这种答案
https://blog.csdn.net/tiven_/article/details/120769922
但对我来说没有效果

在vite.config.js中添加了一段代码

发现没有效果

 server: {
    host: '0.0.0.0',
  },

vite.config.js

package.json

添加了vuetify后变成了这

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

直接创建好vue的工程后是这个

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },

随后找到了另一篇
https://blog.csdn.net/qq_41664096/article/details/121312823

vite preview

可以先运行一下的意思是

开启了一个静态 Web 服务器，并没有构建项目。需要先运行 npm run build 后，再运行 npm run serve 可以正常访问

最后我将代码改成了这个

  "scripts": {
    "serve": "vite serve",
    "build": "vite build",
    "dev": "vite --host"
  },

若将这个代码
变成这个


仍然可以运行
但是没哟network

取消注释后

又 回来了

参考：https://blog.csdn.net/qq_41664096/article/details/121312823