vue配置修改端口方式

更新时间：2026年01月12日 09:10:03 作者：csdn_HPL

文章介绍了如何配置Vue.js项目的端口,以避免与Spring Boot后台项目的默认端口冲突,通过修改Vue的配置文件,将端口更改为其他值,如8081,可以成功启动Vue项目

vue配置改端口

个人理解，仅供参考

因为前台vue和后台springboot端口默认都是

http://localhost:8080/

所以我需要改一个端口

我这边是改的前台vue的

打开编译器

找到这个文件

点进去

默认是这样

插入一段代码

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

完成之后是这样

启动vue可以看到

这样就是成功了

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue3从0搭建Vite打包组件库使用详解
这篇文章主要为大家介绍了Vue3从0搭建Vite打包组件库使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
vue3 emit is not a function问题及解决
这篇文章主要介绍了vue3 emit is not a function问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-09-09
详解.vue文件解析的实现
这篇文章主要介绍了详解.vue文件解析的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
vue.draggable实现表格拖拽排序效果
这篇文章主要为大家详细介绍了vue.draggable实现表格拖拽排序效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
Vue3 组件之间传值及适用场景分析
这篇文章主要介绍了Vue3组件之间传值及适用场景分析,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧
2025-05-05
一文详解如何在Vue3中使用jsx/tsx
本篇文章旨在带领大家快速了解和使用 Vue 中的 JSX 语法,好让大家在 Vue 中遇到或使用 JSX 的时候能很快入手，感兴趣的小伙伴可以跟随小编一起学习一下
2023-03-03
Vue2.0点击切换类名改变样式的方法
今天小编就为大家分享一篇Vue2.0点击切换类名改变样式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
Vue页面堆栈管理器详情
这篇文章主要介绍了Vue页面堆栈管理器
2021-10-10
Vue实现push数组并删除的例子
今天小编就为大家分享一篇Vue实现push数组并删除的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
el-table树形数据量过大,导致页面卡顿问题及解决
这篇文章主要介绍了el-table树形数据量过大,导致页面卡顿问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-04-04