现象

通过npm create vite@latest react_demos -- --template react-ts搭建新项目，之后npm run dev运行项目，默认端口为5173：

问题：

当别的项目必须固定使用端口为5173且项目的端口号没有自动更新，此时若两个项目同时启动，那么点击http://localhost:5173/， 会进入到后启动运行的项目中，这会与期望不符合。（具体案例可看：啊？两个vite项目怎么共用一个端口号啊）

解决：

手动去规定一个port

步骤：

在项目的vite.config.ts文件中写入

 server: {
    port: 3000, // 自己规定的端口号
  },

这样，当我们再次运行项目后会发现，端口号已经变过来啦