[移动端]uniapp vue3 h5 跨域配置

需求： 使用 vue3 + uniapp 进行开始，在h5下运行，需要进行跨域设置


问题：使用 mainifest.json 配置文件中，对h5 进行跨域设置失败


原因： mainifest.json 跨域配置使用的是webpack, 而当前项目使用的是vue3 , 而vue3不是使用的webpack , 而是vite ; 帮此方法失效了


解决方案：
  创建vite.config.js 文件,  (代码的红色部分，根据项目需求来改动)
  代码如下：
import {
        defineConfig
} from "vite"
import uni from "@dcloudio/vite-plugin-uni";
 
export default defineConfig({
        plugins: [
                uni()
        ],
        server: {
                proxy: { '/api': {
                                target: '接口地址',
                                changeOrigin: true,
                                rewrite: path => {
                                        return path.replace(/^\/api/, '/')
                                }
                        },
                        
                }
        }
})




参考：(8条消息) uni-app中vue3版本h5配置proxy跨域代理_uniapp vue3 h5跨域-CSDN博客

传奇刘星：最近也是在头疼，如果走国际化路线，uniapp可能不太合适，uniappx又不太成熟，其他的方案相关资料又甚少，比较纠结哈哈回到原帖

你的uniapp的需求是什么，uniapp 的跨平台、不是太好用。很多用uniapp 来开发，其实也主要是用的一个端的应用开发，多端开发的话，还是有很多坑。

如果不用支持小程序，只有app的话，可以考虑用做成web app .可以看看h5+plus 技术，其中对于调用硬件相关的一些接口都支持的。可以看看满不满你的需求（如果要支持小程序，可能它就不满足了）。

对于国际化路线，如果是考虑语言包的话，可以看看 vue的插件 i18n 语言包。

你的uniapp的需求是什么，uniapp 的跨平台、不是太好用。很多用uniapp 来开发，其实也主要是用的一个端的应用开发，多端开发的话，还是有很多坑。

如果不用支持小程序，只有app的话，可以考虑用做成web app .可以看看h5+plus 技术，其中对于调用硬件相关的一些接口都支持的。可以看看满不满你的需求（如果要支持小程序，可能它就不满足了）。

对于国际化路线，如果是考虑语言包的话，可以看看 vue的插件 i18n 语言包。

传奇刘星：对于多合一平台框架uniapp来说，看了下网上有很多负面评价，涉及到与硬件层交互会存在某些问题，来自知乎的一篇回答提到“官方有时候也解决不了”

对此，结合楼主自身经验能否分享一下，在多合一平台框架技术选型上有没有更合适的推荐，或者说uni...回到原帖

最近也是在头疼，如果走国际化路线，uniapp可能不太合适，uniappx又不太成熟，其他的方案相关资料又甚少，比较纠结哈哈

对于多合一平台框架uniapp来说，看了下网上有很多负面评价，涉及到与硬件层交互会存在某些问题，来自知乎的一篇回答提到“官方有时候也解决不了”

对此，结合楼主自身经验能否分享一下，在多合一平台框架技术选型上有没有更合适的推荐，或者说uniapp会是以后的主流呢？