angular-cli中axios请求拦截、响应拦截的配置

最新推荐文章于 2023-04-06 15:01:59 发布

人间草木96

最新推荐文章于 2023-04-06 15:01:59 发布

阅读量1.9k

点赞数 1

分类专栏： angular 个人总结

本文链接：https://blog.csdn.net/qq_43258252/article/details/88714502

版权

本文详细介绍了如何在Angular CLI环境中配置axios的请求和响应拦截器。首先通过npm安装axios，然后在src/plugins目录下创建config.js和axios.js文件进行配置。在axios.js中封装插件，最后在组件中使用axios并重启项目以查看配置效果。

摘要由CSDN通过智能技术生成

首先你要确保angular-cli环境搭建成功

第一步：

npm 安装axios，文件根目录下安装，指令如下

npm install axios --save //安装到生产环境

第二步：

配置 config.js 文件，它是整个项目的统一配置文件，方便我们管理项目

在angular-cli项目的 src/ 文件夹下新建一个文件夹为 plugins，然后在 plugins/ 下新建 config.js 文件，写入如下代码

// 测试域名
// const testDomin = '' // 使用代理
const testDomin = 'http://172.20.1.26:8082'
// const testDomin = 'http://172.20.1.148:8082'

// 正式域名
const formalDomain = 'http://39.96.91.52/back'

// 环境变量
const env = process.env.NODE_ENV
const origin = env