axios基础

简介: axios基础

非常详细的axios

axios


基础操作:

请求方式:


get方法接收的是params,post接收的是data


两种格式:

//发送get请求
axios.get('地址',{params:{ 参数}}).then((res)=>{成功的回调})
//发送post请求
axios({
    method: 'post',  //请求方式,默认是get请求
    url:'/user/12345', //地址
    data:{ //参数
        firstName: 'simon',
        lastName: 'li'
    }
}).then((res)=>{成功的回调})

创建实列:

const base = axios.create(
  {
    // 基础路径
    baseURL: "http://localhost:3000"
  }
)
export const classify = (params) => {
  return base({ method: 'get', url: '/dj/recommend/type', params })
}

跨域

//vue里写
axios.get('/api', {
                    params: {
                        tf_id: 'TFM00R0_261',
                        page: this.num,
                        size: 10,
                    },
                })
                .then((res) => {
                    this.list = this.list.concat(res.data.result)
                    console.log(this.list)
                }).finally
        },
//vue.config.js中写(文件要放在全局)
module.exports = {
  // 设置打包后的根路径
  publicPath: './',
  // 关闭代码校验
  lintOnSave: false,
  // 关闭源码映射文件
  productionSourceMap: false,
  devServer: {
    // 自动打开文件
    open: true,
    proxy: {
      "/api": {
        target: "https://apiv2.pinduoduo.com/api/gindex/tf/query_tf_goods_info",
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          // 替换地址栏
          '^/api': ''
        }
      }
    }
  }
}


图片地址不完整


public 文件夹中找index.html,在head中加一句代码

<meta name="referrer" content="no-referrer">


之后在src中用字符串相加的形式补全地址

相关文章
|
1天前
|
云安全 监控 安全
|
6天前
|
机器学习/深度学习 人工智能 自然语言处理
Z-Image:冲击体验上限的下一代图像生成模型
通义实验室推出全新文生图模型Z-Image,以6B参数实现“快、稳、轻、准”突破。Turbo版本仅需8步亚秒级生成,支持16GB显存设备,中英双语理解与文字渲染尤为出色,真实感和美学表现媲美国际顶尖模型,被誉为“最值得关注的开源生图模型之一”。
821 5
|
12天前
|
人工智能 Java API
Java 正式进入 Agentic AI 时代:Spring AI Alibaba 1.1 发布背后的技术演进
Spring AI Alibaba 1.1 正式发布,提供极简方式构建企业级AI智能体。基于ReactAgent核心,支持多智能体协作、上下文工程与生产级管控,助力开发者快速打造可靠、可扩展的智能应用。
1053 37
|
8天前
|
机器学习/深度学习 人工智能 数据可视化
1秒生图!6B参数如何“以小博大”生成超真实图像?
Z-Image是6B参数开源图像生成模型,仅需16GB显存即可生成媲美百亿级模型的超真实图像,支持中英双语文本渲染与智能编辑,登顶Hugging Face趋势榜,首日下载破50万。
620 36
|
12天前
|
人工智能 前端开发 算法
大厂CIO独家分享:AI如何重塑开发者未来十年
在 AI 时代,若你还在紧盯代码量、执着于全栈工程师的招聘,或者仅凭技术贡献率来评判价值,执着于业务提效的比例而忽略产研价值,你很可能已经被所谓的“常识”困住了脚步。
677 57
大厂CIO独家分享:AI如何重塑开发者未来十年
|
8天前
|
存储 自然语言处理 测试技术
一行代码,让 Elasticsearch 集群瞬间雪崩——5000W 数据压测下的性能避坑全攻略
本文深入剖析 Elasticsearch 中模糊查询的三大陷阱及性能优化方案。通过5000 万级数据量下做了高压测试,用真实数据复刻事故现场,助力开发者规避“查询雪崩”,为您的业务保驾护航。
430 27
|
15天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
912 59
Meta SAM3开源:让图像分割,听懂你的话
|
5天前
|
弹性计算 网络协议 Linux
阿里云ECS云服务器详细新手购买流程步骤(图文详解)
新手怎么购买阿里云服务器ECS?今天出一期阿里云服务器ECS自定义购买流程:图文全解析,阿里云服务器ECS购买流程图解,自定义购买ECS的设置选项是最复杂的,以自定义购买云服务器ECS为例,包括付费类型、地域、网络及可用区、实例、镜像、系统盘、数据盘、公网IP、安全组及登录凭证详细设置教程:
200 114