Uni App中遇到的跨域问题

黄毛火烧雪下2024-03-24 21:21

通过与多年开发经验的h5前端沟通后，可以对某些事情更加明确，才此期间，会和后端、运维同学产生密不可分的交集，成了谁来改的问题。

明确：跨域99%由后台来配置，如果在本地开发，可以手动配置，但要部署到服务器还是要后端来配置

复制代码

   "devServer" : {
      "port" : 5173,
      "disableHostCheck" : true,
      "proxy" : {
          "/api" : {
              "target" : "http://gateway.u-power.top/cdb-app-api/v1",
              "changeOrigin" : true,
              "secure" : false
          }
      }
  }

通过 uni app 、vue、ts搭建的项目，默认访问路径是：

http:/192.168.112.32:5173/pages/index/index

但是如果个别情况由于特殊要求需要已.html 等结尾

http:/192.168.112.32:5173/pages/index/index.html

需要运维配置

nginx 实现把

https://pay-h5-upower.bowenfin.com/pages/index/index.html?order=123

路由重定向到

https://pay-h5-upower.bowenfin.com/pages/index/indexl?order=123路由