nodejs的vite的问题

Question

npm run dev运行结果如下：

  VITE v5.1.6  ready in 364 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.

前端启动端口是5173， 怎么整个项目都找不到5173，这个端口号是在哪里设置的啊？

Answer 1

Gpt辅助回答，我来为你把关

npm run dev

输出结果：

1.6 in 364 Local: http://localhost:5173/ Network: @vue::v-deep:deep::v-deep VITE v5. ready ms 
➜ / 
➜ use --host to expose 
➜ press h + enter to show help
[/compiler-sfc] usage as a combinator has been deprecated. Use (<
inner-selector>
) instead of <
inner-selector>
.

在上述的输出结果中，可以看到项目启动后的本地访问地址是http://localhost:5173/，但却找不到5173端口号相关的内容。这是因为Vite默认会使用一个未被使用的端口来启动项目，而不是固定的端口号。

如果需要特定端口号，可以在项目根目录下的vite.config.js文件中进行配置，添加如下内容：

export default {
  server: {
    port: 5173
  }
}

这样配置后，项目运行时会使用指定的端口号5173来启动。

有问题你别着急，评论留言都可以，看到马上就回复，尽量及时补充齐