现在记录的可能还并未完善,只是解决目前的需求,后续在遇到相关问题会对应补充
网上看了很多方法,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);
}
})
总结:代理相关的还有很多的知识点,我这边就不赘述,只是记录一下项目中的一些配置和方法还有遇到的问题,方便以后开发