webpack打包APP的后端地址处理
PC端我们用webpack打包,只需要写相对路径,发布的时候和后端接口在同一目录下即可。
但是做过APP或者混合开发的同学都知道,APP不需要发布的,如果后端地址还是用相对路径的话,可想而知,调用后端接口的时候肯定是访问不到的。
原因就是APP需要写死后端的地址。至于怎么写有多种方法。
可以在接口上直接写完整路径,或者判断打包环境选择是否加前缀。
还有一种比较简单的方法就是我们现在用的是axios。axios有一个默认后端地址的配置 axios.defaults.baseURL = “真实的后端地址”。
当然在本地启动服务的时候,我们用了代理,就不需要配置,设置 axios.defaults.baseURL = “” 即可。