域名:8080去除端口号

改成80端口

http://www.zhuanghw.cn:8080/项目名

http://www.zhuanghw.cn/项目名

 

 

服务器一般默认为8080,但有的时候却需要使用80端口

比如微信小程序开发,指定只能有80端口

找到tomcat里面的server.xml文件

右击编辑

找到箭头所指项,直接更改为80    然后保存即可运行tomcat  此时端口号已经被更改

相同的80更改为8080端口也是同样的步骤

<think>好的,我现在需要帮助用户解决在vite.config.ts中配置本地后端连接的问题,以及了解常用的端口号。首先,我得回顾一下用户之前提供的引用内容,看看他们之前遇到了什么问题,以及现有的配置情况。 根据引用1,用户之前配置了代理,使用http://127.0.0.1作为目标地址,而使用localhost时出现了问题。这可能涉及到DNS解析或者本地网络配置的问题,但用户已经通过改用127.0.0.1解决了。现在用户想知道如何正确配置本地后端连接,以及默认端口号是什么。 首先,关于vite.config.ts的配置,用户已经展示了一个示例配置,其中server部分设置了proxy。根据引用3中的解释,proxy配置中的rewrite函数是用来去除请求路径中的/api前缀,这样后端接收到的请求就不会包含这个前缀。用户可能需要确认他们的后端服务是否运行在特定的端口上,比如PHP可能使用的80端口,或者其他后端框架如Node.js可能使用的3000或8080端口。 接下来,用户的问题是关于配置本地后端连接和常用端口号。我需要整理出配置的基本步骤,包括设置代理规则,指定目标地址和端口,以及处理路径重写。同时,需要列出常用的端口号,比如Vite默认的5173,后端常见的3000、8080、8000等,以及数据库服务的端口如MySQL的3306。 另外,用户提到之前遇到localhost和127.0.0.1的问题,可能需要在回答中解释这两者的区别,建议使用127.0.0.1以避免可能的DNS问题。同时,提醒用户检查后端服务实际监听的端口,确保代理配置中的target端口与后端一致。 最后,根据用户提供的示例,他们可能在使用Vite与uni-app,所以需要确认配置中的插件是否兼容,但主要问题还是代理设置。需要确保用户理解env变量的使用,如引用2中的环境变量配置,如何将端口和API前缀提取到环境变量中,以便于管理。 总结回答结构:先说明配置方法,分步骤讲解server.proxy的设置,强调target和rewrite的作用,然后列出常用端口,最后给出注意事项,如localhost的问题和环境变量的使用。</think>### 如何在Vite中配置本地后端连接 #### 一、Vite代理配置步骤 1. **基础代理配置** 在$vite.config.ts$中通过`server.proxy`设置代理规则: ```typescript export default defineConfig({ server: { proxy: { '/api': { target: 'http://localhost:后端端口号', // 后端实际地址 changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') } } } }) ``` 该配置会将所有以$'/api'$开头的请求代理到后端服务,并通过`rewrite`移除接口路径中的$'/api'$前缀[^3]。 2. **环境变量集成** 结合$.env.development$文件管理配置: ```ini # .env.development VITE_APP_BASE_API = '/api' VITE_APP_TARGET_URL = 'http://localhost:8080' # 后端实际地址 ``` 在配置文件中动态读取: ```typescript proxy: { [env.VITE_APP_BASE_API]: { target: env.VITE_APP_TARGET_URL, rewrite: (path) => path.replace(new RegExp(`^${env.VITE_APP_BASE_API}`), '') } } ``` 这种配置方式可实现环境隔离[^2][^3]。 #### 二、常用端口号参考 | 服务类型 | 默认端口 | 说明 | |----------------|----------|-------------------------------| | **Vite开发服务器** | 5173 | 前端默认端口[^4] | | Node.js后端 | 3000/8080| Express等框架常用 | | Java SpringBoot | 8080 | 内置Tomcat默认 | | PHP开发服务器 | 80/8000 | XAMPP/WAMP等集成环境常用 | | MySQL数据库 | 3306 | 数据库服务标准端口 | #### 三、配置注意事项 1. **localhost与127.0.0.1区别** - 建议优先使用$http://127.0.0.1$,避免因系统DNS配置导致解析异常[^1] - 验证命令:`ping localhost`检查是否能正确解析 2. **跨域问题本质** - 浏览器会拦截协议、域名端口任一不同的请求 - 开发阶段代理配置仅影响本地开发服务器行为[^4] 3. **路径验证方法** ```javascript // 控制台输出实际请求路径 rewrite: (path) => { const newPath = path.replace(/^\/api/, '') console.log(`Proxying: ${path} => ${newPath}`) return newPath } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值