axios 的介绍与页面配置

目录

1. axios的介绍

2. axios的特点

3. axios 的安装与配置

        3.1 axios的安装


1. axios的介绍

        基于 Promise 的 HTTP 客户端,可以在浏览器和node.js两个环境中运行

                1. 在浏览器端,可以借助axios可以向服务端发送 ajax 请求

                2. 在node.js 环境中,可以用axios向远端服务发送 HTTP 请求

2. axios的特点

        1. 可以在浏览器端发送 ajax 请求

        2. 可以在 node.js 环境中发送 HTTP 请求

        3. 支持 Promise 的相关操作

        4. 具有请求响应拦截器,分别是请求拦截器,和响应拦截器两中拦截器(可以在请求之前做一些准备工作,在响应结果回来后,可以对响应结果做一些预处理)

        5. 可以帮我们对请求和响应数据做转换

        6. 可以取消请求

        7. 自动将结果转换为 json 数据

        8. 还可以做一些保护,取阻挡跨站攻击

3. axios 的安装与配置

        3.1 axios的安装

                1. npm install axios        (项目阶段中使用)

                2. bower install axios   (这样的安装我们会在script标签中引入)

                3. yarn install axios        (项目阶段中使用)

                4. 使用 CDN,在网页中可以直接引入        (学习阶段中使用)这里的地址可以在 Bootcdn 中查找 地址:nullAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 Node.js 中。https://www.bootcdn.cn/axios/

<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 根据你提供的引用内容,你在main.js中配置axios,并将其作为Vue的原型属性。然而,当你启动Vue项目并访问页面时,页面是空白的,并且控制台报错TypeError: setting getter-only property "$axios"。这个错误可能是由于你在配置axios时使用了不正确的字段名。根据\[1\]的引用,不能使用'axios'字段命名。你可以尝试修改配置,将字段名改为其他有效的名称。另外,根据\[2\]的引用,你可能还需要安装axios依赖。你可以使用npm install axios命令来安装axios。最后,根据\[3\]的引用,你的method方法中使用了this.$http来发送请求,但是根据你提供的代码,你应该使用this.$axios来发送请求。请确保你在发送请求时使用了正确的属性名。这些修改可能会解决你遇到的axios 404页面的问题。 #### 引用[.reference_title] - *1* *2* [Vue安装axios页面空白问题](https://blog.csdn.net/weixin_40589682/article/details/106135683)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue用axios调用接口404报错](https://blog.csdn.net/mc17677175934/article/details/115641318)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值