本文介绍了在Vue项目中配置Axios的基础URL的两种方法：一种是在main.js中直接配置，另一种是通过config/index.js进行设置。同时，讲解了如何在vue.config.js中配置代理，实现开发环境下的跨域请求。此外，还展示了如何在具体使用axios时结合baseUrl创建实例，并使用拦截器统一处理请求和响应。这有助于理解Vue项目的网络请求配置和Axios的使用技巧。
1.配置BaseUrl
方式一：
在main.js中，配置数据所在服务器的前缀（即固定部分），每次发送的请求都会带的前缀。
直接写在main.js中:
方式二：
将应用配置写在config/index.js中，然后在main.js中注册：
main.js:
config/index.js:
2.配置代理
在webpack的配置文件 vue.config.js代理服务器devServer的proxy字段中
配置固定前缀的target值，ajax请求的时候proxy 代理就会自动转向target设置的接口路径：
3.具体使用axios的地方，修改url
用定义好的baseUrl创建实例
axios封装
1.创建axios实例：
2.使用request拦截器对axios请求配置做统一处理
3.对响应做统一处理
4.将axios导出
3188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
