怎么看自己vue的端口号

在 Vue 项目中，可以在项目根目录下的 `package.json` 文件中找到 `scripts` 节点下的 `serve` 命令，该命令通常会指定一个端口号。例如：

"scripts": {
    "serve": "vue-cli-service serve --port 8080"
}

上述配置中，端口号为 `8080`，可以通过运行 `npm run serve` 或 `yarn serve` 启动项目并访问该端口。如果没有在 `package.json` 中指定端口号，那么默认会使用 `8080` 端口。

相关问题

vue端口号和springboot重复了

当Vue应用程序和Spring Boot应用都运行在同一台服务器上，并且它们都设置了相同的端口号（默认通常是8080或80），可能会发生冲突，因为两个服务都无法监听同一个端口。这会导致其中一个或两个应用都无法正常访问。

解决这个问题通常有几种办法：

1. **更改端口号**：给其中一个应用指定一个不同的端口号，比如Vue应用可以使用其他未使用的端口，如8081或8090。

// Vue.config.js
new Vue({
  port: 8081,
  // 其他配置...
})

2. **使用反向代理（Proxy）**：如果Vue应用依赖于Spring Boot提供的API，可以使用Vue的`proxyTable`属性设置一个代理到另一个应用的URL，这样就不需要直接暴露这两个应用在相同的端口上了。

// main.js or vite.config.js (if using Vite)
const proxy = process.env.NODE_ENV === 'production'
  ? { target: 'http://localhost:8080', changeOrigin: true }
  : {};

app.config.proxy = proxy;

3. **独立部署**：将两个应用分别部署在不同的服务器，或者使用Docker等容器技术，为每个应用分配单独的端口和网络空间。

4. **使用Spring Boot的端口映射（Port Mapping）**：通过Spring Boot的`server.port`配置来改变其默认端口，避免冲突。

# application.properties 或 application.yml
server.port=8090

vue项目设置端口号

在Vue项目中设置端口号有两种方式：通过命令行参数和通过配置文件。

1. 通过命令行参数：
在命令行中启动Vue项目时，可以通过设置 `--port` 参数来指定端口号。例如，要将端口号设置为8080，可以使用以下命令：

   npm run serve -- --port 8080

2. 通过配置文件：
Vue项目的配置文件是 `vue.config.js`，可以在该文件中设置端口号。如果项目中没有该文件，则需要手动创建。
在 `vue.config.js` 中，可以使用 `devServer` 字段来设置端口号。以下是一个示例配置：

   module.exports = {
     devServer: {
       port: 8080
     }
   }

在上述示例中，端口号被设置为8080。保存配置文件后，重新启动Vue项目即可生效。

注意：如果端口号已被占用，系统会分配一个可用的端口号。建议在开发过程中选择一个未被占用的端口号。