配置通用的API前缀可以更好在本地通过接口代理转发获取数据、或者部署时在Nginx中做反向代理,但是项目中一旦涉及大量的需要文件上传的部分(文件上传不走Ajax的方法),我们需要考虑更好管理接口的baseURL,项目中 Ajax 请求用 axios ,原始代码如下
修改前
获取的api的base_url
timeout: 5000 // 请求超时时间
})
优化方法
找到config/dev.env.js 和 config/prod.env.js,在代码添加变量 API_BASEURL(名字自定义)如下:
添加的代码
}
然后在需要使用baseURL的地方替换为 process.env. API_BASEURL
获取的api的base_url
timeout: 5000 // 请求超时时间
})
原文链接:https://www.f2er.com/vue/33513.html