前端项目构建产物在本地运行，如何解决接口跨域问题？

　　如果你无法修改后端，但可以控制前端，可以通过一个中间层代理服务器来解决跨域问题。例如，你可以使用一个 Node.js 服务器作为代理来转发请求。
　　你可以使用 http-proxy-middleware 代理请求，设置一个简单的 Node.js 服务器，将 API 请求代理到后端，避免浏览器的跨域限制。

1. 安装 http-proxy-middleware和express：

   npm install http-proxy-middleware express

2. 创建一个 server.js 文件：

   const express = require('express');
   const path = require('path');
   const { createProxyMiddleware } = require('http-proxy-middleware');
   
   const app = express();
   
   // 处理静态文件
   app.use(express.static(path.join(__dirname, 'dist')));
   
   // 假设后端 API 地址是 http://backend-api:3000
   app.use('/api', createProxyMiddleware({
     target: 'http://backend-server.com/api',
     changeOrigin: true,
     // pathRewrite: { '^/api': '' }, // 可选，去掉请求中的 /api 部分
   }));
   
   
   // 为了支持 Vue 的 Hash 模式，返回 index.html 来处理所有路由
   app.get('*', (req, res) => {
     res.sendFile(path.join(__dirname, 'dist', 'index.html'));
   });
   
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on http://localhost:${port}`);
   });

3. 启动 Node.js 服务器

   node server.js

   　　这样，当你访问 http://localhost:3000/api/... 时，所有的请求会被代理到后端服务器 http://backend-server.com/...。同时，前端的静态文件会从 dist 文件夹中提供。