Vue2 axios

1.安装引入 axios

bash 复制代码
npm i axios

2.配置代理

1.配置代理(方式一)

html 复制代码
module.exports = {
  devServer: {
    proxy: 'http://localhost:5000'
  }
}

1.发送ajax请求

javascript 复制代码
  getStudent(){
      axios.get('http://localhost:8080/students').then(
        res=>{
        console.log('请求成功了',res.data);
        },
        error=>{
          console.log('请求失败了',error);
        }
      )
    }

说明一下, 当前服务器 有资源 就不会走代理服务器了,直接返回当前资源 而且只能代理一个服务器.

2.配置方式(方式二)

相关推荐
佛系菜狗3 分钟前
element-ui、element-plus表单resetFields()无效的坑
前端·javascript·vue.js
爱的叹息24 分钟前
【前端】基于 Promise 的 HTTP 客户端工具Axios 详解
前端·网络·网络协议·http
遗憾随她而去.31 分钟前
从 0 开始认识 WebSocket:前端实时通信的利器!
前端·websocket·网络协议
每次的天空44 分钟前
kotlin与MVVM结合使用总结(三)
开发语言·microsoft·kotlin
keep intensify1 小时前
通讯录完善版本(详细讲解+源码)
c语言·开发语言·数据结构·算法
ephemerals__1 小时前
【c++11】c++11新特性(下)(可变参数模板、default和delete、容器新设定、包装器)
开发语言·c++
先生沉默先1 小时前
c#接口_抽象类_多态学习
开发语言·学习·c#
老兵发新帖1 小时前
pnpm常见报错解决办法
前端
Sonetto19991 小时前
Nginx 反向代理,啥是“反向代理“啊,为啥叫“反向“代理?而不叫“正向”代理?它能干哈?
运维·前端·nginx
沐土Arvin1 小时前
理解npm的工作原理:优化你的项目依赖管理流程
开发语言·前端·javascript·设计模式·npm·node.js