【微信小程序】分别解决H5的跨域代理问题 和小程序正常不需要代理问题

——总问：何为跨域和代理？

🔹什么叫跨域？

前端在浏览器里发请求时，如果 域名 / 协议 / 端口 三个中有一个不一样，就会触发 跨域问题。

例子：

• 页面跑在 http://localhost:5173
• 你要请求接口 http://100.100.1.60:29083/api/xxx

因为 端口号不一样（5173 ≠ 29083），所以就跨域了。
浏览器出于 安全机制（同源策略），会拦截掉不合法的请求，报 CORS 错误。

---

🔹什么叫代理？

代理（proxy）就是在前端本地开发环境下，给你“搭个中转站”。

比如 vite / vue-cli 里，可以这样写：

// vite.config.js
export default defineConfig({
   
   
  server: {
   
   
    proxy: {
   
   
      '/api': {
   
   
        target: 'http://100.100.1.60:29083', // 真实后端地址
        changeOrigin: true, // 修改请求头的来源
        rewrite: (path) => path.replace(/^\/api/, '') // 去掉/api前缀（可选）
      }
    }
  }
})

这样你前端调用：

fetch('/api/system/hospital/list')

浏览器看到 /api 觉得是本地的，不会跨域。
Vite 开发服务器帮你偷偷转发到：

http://