Vue打包部署后有些接口端口变了，变成了前端站点的端口。

问题分析：

在Vue项目中，通常我们会使用axios或其他HTTP库来进行前后端数据交互。在开发环境中，我们可以通过配置proxyTable来将请求代理到后端的接口服务。但是在打包部署后，前端代码会被编译成静态文件，并且需要通过一个HTTP服务器来提供访问。

解决方案：

1. 确认后端接口服务是否已正确配置并运行。在打包部署后，前端代码需要通过HTTP服务器提供访问，而后端接口服务需要独立运行在另一个端口上。确保后端接口服务已正确启动，并且可以通过相应的端口访问。

2. 修改前端代码中的接口请求地址。在Vue项目中，通常会将接口请求地址配置在一个统一的地方，比如在src/api目录下的index.js文件中。在该文件中，可以将接口请求地址配置为绝对路径，并指定后端接口服务的地址和端口。例如：

`javascript

const BASE_URL = 'http://localhost:后端接口服务的端口号';

export function fetchData() {

return axios.get(BASE_URL + '/api/data');

`

确保将BASE_URL的值修改为后端接口服务的地址和端口。

3. 重新打包并部署前端代码。在修改了接口请求地址后，需要重新打包前端代码，并将生成的静态文件部署到HTTP服务器上。具体的打包和部署步骤可以根据项目的具体情况进行操作。

在Vue打包部署后，如果接口端口变了，变成了前端站点的端口，需要确认后端接口服务是否正确配置并运行，并修改前端代码中的接口请求地址，然后重新打包并部署前端代码。这样可以确保前端代码能够正确访问后端接口服务。