webpack打包APP的后端地址处理 - 程序猿-alvin

webpack打包APP的后端地址处理

PC端我们用webpack打包，只需要写相对路径，发布的时候和后端接口在同一目录下即可。

但是做过APP或者混合开发的同学都知道，APP不需要发布的，如果后端地址还是用相对路径的话，可想而知，调用后端接口的时候肯定是访问不到的。

原因就是APP需要写死后端的地址。至于怎么写有多种方法。

可以在接口上直接写完整路径，或者判断打包环境选择是否加前缀。

还有一种比较简单的方法就是我们现在用的是axios。axios有一个默认后端地址的配置 axios.defaults.baseURL = "真实的后端地址"。

当然在本地启动服务的时候，我们用了代理，就不需要配置，设置 axios.defaults.baseURL = "" 即可。