vue端口号和springboot重复了
时间: 2024-09-09 11:12:31 浏览: 51
基于vue20+springboot的后台管理系统Vue2-SpringBoot-.zip
当Vue应用程序和Spring Boot应用都运行在同一台服务器上,并且它们都设置了相同的端口号(默认通常是8080或80),可能会发生冲突,因为两个服务都无法监听同一个端口。这会导致其中一个或两个应用都无法正常访问。
解决这个问题通常有几种办法:
1. **更改端口号**:给其中一个应用指定一个不同的端口号,比如Vue应用可以使用其他未使用的端口,如8081或8090。
```json
// Vue.config.js
new Vue({
port: 8081,
// 其他配置...
})
```
2. **使用反向代理(Proxy)**:如果Vue应用依赖于Spring Boot提供的API,可以使用Vue的`proxyTable`属性设置一个代理到另一个应用的URL,这样就不需要直接暴露这两个应用在相同的端口上了。
```javascript
// 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`配置来改变其默认端口,避免冲突。
```properties
# application.properties 或 application.yml
server.port=8090
```
阅读全文