查看vue项目的端口号
时间: 2024-09-06 15:08:05 浏览: 118
在Vue项目中,通常在开发环境下,项目的端口号会在启动项目时显示在命令行或终端上。如果你已经使用命令`npm run serve`(或`yarn serve`,取决于你的项目配置)启动了Vue项目,那么项目的端口号会在启动信息中显示。默认情况下,Vue CLI创建的项目通常使用8080端口,但如果有冲突,会自动选择下一个可用端口。
启动项目的命令行输出大致如下:
```
DONE Compiled successfully in xxxms
App running at:
- Local: http://localhost:8080/ (copied to clipboard)
- Network: http://xxx.xxx.xxx.xxx:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.
```
从上面的输出可以看到,项目运行在`http://localhost:8080/`,其中8080就是端口号。
如果你想改变这个端口号,可以通过修改项目的`package.json`文件中的`serve`脚本来指定不同的端口。例如,你可以添加`--port 3000`来使用3000端口启动项目:
```json
"scripts": {
"serve": "vue-cli-service serve --port 3000"
}
```
这样,当你运行`npm run serve`时,项目就会在3000端口上启动。
阅读全文