uniapp-3.项目记录-代理配置

268 阅读1分钟

现在记录的可能还并未完善,只是解决目前的需求,后续在遇到相关问题会对应补充

网上看了很多方法,uniapp配置代理的话可以在manifest.json或者vite.config.ts中配置。

由于个人熟悉的问题,所以我选择在vite.config.ts中配置

举个例子:后台访问的完整链接是 http://127.0.0.1:9200/mobile/getList 那么一般我的做法是像下面这样子配置,是否要rewrite视乎具体自己项目所访问的后台地址进行修改,这里mobile原本链接是是有的,所以我没有这个需求,就注释掉了rewrite

export default defineConfig({
  plugins: [uni()],
  server: {
		proxy: {
			'/mobile': {
				target: 'http://127.0.0.1:9200',
				changeOrigin: true,
                                // rewrite: path => {
				// 	return path.replace(/^\/mobile/, '') 
				// }
			},
		}
	}
});

配置完之后,只要在页面用uni.request访问就行了,在这里/mobile/getList其实和http://127.0.0.1:9200/mobile/getList是一样的效果,只是我们配了代理所以这样写就能访问到

            uni.request({
                url: '/mobile/getList', 
                method:'POST',
                data:data,
                header :{
                    'Content-Type':'application/json',
                },
                success: (res) => {
                    console.log('成功',res);
                }
            })

总结:代理相关的还有很多的知识点,我这边就不赘述,只是记录一下项目中的一些配置和方法还有遇到的问题,方便以后开发