如何修改Vue和springboot的默认端口号

最新推荐文章于 2024-10-17 15:56:13 发布
最新推荐文章于 2024-10-17 15:56:13 发布
阅读量997 收藏 5
点赞数 3
分类专栏： Vue 文章标签： Vue 修改端口号 springboot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49005459/article/details/120425515
版权

当同时运行前后端的时候如果都用8080是不可能的，所以需要修改其中一个的端口号；
Vue的默认端口号：
找到config包下的index.js，里面有一个port，修改它即可
在这里插入图片描述

springboot默认端口号：
在配置文件application.yml中添加service： port：端口号

在这里插入图片描述

木十一的木马
关注
专栏目录
更改Vue应用程序的端口
CyberGenius的博客
09-25 501
通过修改vue.config.js文件中的devServer选项，你可以轻松地配置Vue应用程序的开发服务器端口。在vue.config.js文件中，你可以配置各种Vue应用程序的选项，包括开发服务器的端口。在Vue应用程序的根目录中，你会找到一个名为vue.config.js的文件。保存vue.config.js文件，并重新启动你的Vue应用程序的开发服务器。首先，找到你的Vue应用程序的根目录，并使用你喜欢的代码编辑器打开它。当开发服务器重新启动后，你的Vue应用程序将在新的端口上运行。
Vue+SpringBoot前后端分离教程三：Vue整合SpringBoot框架
Q1368089323的博客
04-29 6536
Vue整合SpringBoot框架一、新建Springboot模块二、分别运行vue和springboot 一、新建Springboot模块 （1）先在文件中找到new然后选模块 （2）选择Spring Initializr 然后这里推荐用阿里的镜像源 在Custom中填入下面的阿里镜像源地址： https://start.aliyun.com/ 这里可以直接下一步，当然你也可以修改包名和项目名称 （3）然后下面来选择一些开发所需要的工具 （4）修改工程路径 这里可以自定义项目的名称，然
SpringBoot+Vue 04--SpringBoot增删改查
AMWICD的博客
04-21 1168
建立Sringboot项目 进入网站https://start.spring.io/ 把原来自带的src、pom.xml文件换成刚刚在官网上下载的压缩包里面的src和pom.xml 更改项目结构 此时启动Vue项目，结果OK 说明这个文件夹布局没有问题。 建立数据库 主键自增 在application.properties中配置启动端口 因为前端启动端口是8080，后端默认端口也是8080. 把后端改成9090. server.port=9090 spring.datasou
vue项目配置配置代理解决请求接口跨域问题
最新发布
陈先生的博客
10-17 324
以上的配置生效都是为了本地开发连接测试的接口，生产环境不存在这种问题。服务器可以直接转发配置即可完成跨域的问题。使用vite搭建的vue项目配置方法。使用webpace构建的vue项目。
如何修改vue项目运行的端口号
热门推荐
三分恶的博客
09-29 2万+
VUE项目默认端口是 8080 ,但是这个端口号用的太多了，所以端口号冲突了怎么办？那就得修改VUE项目的端口号，这里有两种方式。 配置文件修改端口号 打开 ==config\index.js == ，找到配置： port: 8080 可以看到端口是8080，修改成我们需要的即可： 这种方式会永久修改VUE项目启动端口号。 启动命令设置端口号 如果只是想临时修改VUE启动端口号，还有一种方式就是启动命令中设置端口号： 我们一般这么启动： npm run dev 加上参数： npm run de.
vue如何改修端口号
weixin_44594219的博客
09-05 8751
总结了cli3和cli2创建的vue项目如何修改项目运行后的端口号
vue 端口号修改
qq_30253215的博客
04-09 301
首先找到 路径为 movie_view\node_modules@vue\cli-service\lib\options.js 的文件 然后 在页面最底部devServer 可以自己配置端口号
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
10-17
在Vue和Spring Boot的场景中，由于前后端部署在不同的IP或端口上，就会触发这一限制。解决跨域问题通常采用CORS（Cross-Origin Resource Sharing）机制。 在Spring Boot中，可以通过自定义过滤器CORSFilter来处理...
vue+springboot实现项目的CORS跨域请求
10-18
1. CORS的基本概念：跨域资源共享（Cross-Origin Resource Sharing, CORS）是一种允许当前域（协议、域名、端口号）的资源被其它域访问的机制。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个...
Vue+springboot前后端分离
Jinwsnmaodianshu的博客
01-05 1457
创建一个.vue的文件在这个标签里面写js代码代表骨架代码 这个标签里面只能有一个跟标签这个标签里面只能写样式。
教你如何制作vue+springboot项目
m0_67392409的博客
07-30 677
以上，完整的vue+springboot教程就完成了，如需要参考，可以查看本人制作的基于vue+springboot的学生成绩管理系统作为参考学生成绩管理系统先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。httpshttpshttpshttps。...
vue修改vue项目运行端口号的方法
08-29
本篇文章主要介绍了vue修改vue项目运行端口号的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue开发环境中修改端口号的实现方法
10-16
主要介绍了Vue开发环境中修改端口号的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue.js更改调试地址端口号的实例
11-30
Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是有时候我们在进行多个项目开发需要同时部署多个vue项目，甚至有的还需要启动后台项目，这时就需要修改Vue项目的启动端口（不然会报端口被占用的错误，一个端口号只能一个进程占用）。 本文像大家讲解如何找到Vue项目中端口的配置文件，并修改。 首先，我们打开项目根路径中webpack的配置文件package.json，找到如下代码： "scripts": { "dev": "node build/de
vue项目修改端口号
JackMa的博客
10-23 1006
在 package.json 文件中修改 scripts。：在运行项目的时候追加端口号。
vue的路由怎么换端口_vue.js怎么改端口号
weixin_39624733的博客
12-30 1019
vue.js更改端口号的方法：1、config文件夹中有一个【index.js】其中部分内容如下，port即为端口号，在这里更改；2、【Vue 3.x】中修改端口号则需要在项目根目录下创建一个【vue.config.js】。本教程操作环境：windows10系统、vue2.9，本文适用于所有品牌的电脑。【相关文章推荐：vue.js】vue.js更改端口号的方法：1.Vue 2.xconfig文件夹...
vue默认端口号的更改
weixin_47644419的博客
09-05 2029
【代码】vue默认端口号的更改。
vue修改指定端口
m0_56419249的博客
12-16 2020
vue修改指定端口
更改前端vue端口号
y15231057653的博客
04-10 932
【代码】更改前端vue端口号。
vue端口号和springboot重复了
09-10
当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 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值