react 集成baidu ai 获取token 配置代理

简介: proxy:{ '/oauth': { target: 'https://aip.baidubce.com',//后端接口地址 changeOrigin: true, pathRewrite: { '^/oauth': '/oauth' } }, '/server_api': { target: 'https://vop.baidu.com',//后端接口地址 .
proxy:{
      '/oauth': {
        target: 'https://aip.baidubce.com',//后端接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/oauth': '/oauth'
        }
      },
      '/server_api': {
        target: 'https://vop.baidu.com',//后端接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/server_api': '/server_api'
        }
      },
    },

image.gif

getBaiduTokenAjax(postData,fn1,fn2) {
        axios.post( '/oauth/2.0/token',qs.stringify(postData))
            .then(function(data){
                fn1 && fn1(data);
            })
            .catch(function(err){
                fn2 && fn2(err.message);
            });
    }
    getBaiduServer_api_Ajax(postData,fn1,fn2) {
        axios.post('/server_api',postData)
            .then(function(data){
                fn1 && fn1(data);
            })
            .catch(function(err){
                fn2 && fn2(err.message);
            });
    }

image.gif

webpackDevServer.js 文件,添加代码段一

业务层,相关为代码段二,也可封装一下

axios.js

const VueAxios = {
  vm: {},
  // eslint-disable-next-line no-unused-vars
  install (Vue, instance) {
    if (this.installed) {
      return
    }
    this.installed = true
    if (!instance) {
      // eslint-disable-next-line no-console
      console.error('You have to install axios')
      return
    }
    Vue.axios = instance
    Object.defineProperties(Vue.prototype, {
      axios: {
        get: function get () {
          return instance
        }
      },
      $http: {
        get: function get () {
          return instance
        }
      }
    })
  }
}
export {
  VueAxios
}

image.gif


相关文章
|
人工智能 程序员 开发者
AI代码生成器——Replit GhostWriter
【2月更文挑战第16天】AI代码生成器——Replit GhostWriter
1299 2
AI代码生成器——Replit GhostWriter
|
缓存 监控 负载均衡
电商API性能优化全方位策略剖析
电商API性能优化对提升用户体验与业务效率至关重要。本文从八个方面探讨优化策略:1) 数据库优化,如索引设计、查询语句精简及冷热数据分离;2) 缓存策略,利用本地与分布式缓存减少数据库压力;3) 异步处理,通过任务队列提高响应速度;4) 负载均衡,分散高并发请求;5) 代码优化,改进算法与重构低效代码;6) 接口设计优化,标准化与模块化设计;7) 安全措施,强化数据加密与身份验证;8) 持续监控与优化,确保长期稳定运行。综合应用这些策略可显著提升电商API性能与用户体验。
|
移动开发 JavaScript C#
分享53戏源代码总有一个是你想要的(亲测每一个均可用)
分享53戏源代码总有一个是你想要的(亲测每一个均可用)
1754 0
|
前端开发 JavaScript Java
基于springboot+vue的商城系统(电商平台)(前后端分离)
本系统以商城为主题,采用前后端分离,项目代码工整,结构清晰,适合选题:各类商城系统、前后端分离类其他商城系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。
基于springboot+vue的商城系统(电商平台)(前后端分离)
|
5月前
|
云安全 弹性计算 人工智能
2026年阿里云服务器租用价格:包年、包月、按量付费收费标准与活动价格
2026年阿里云服务器租用价格全面优化:轻量应用服务器低至38元/年,ECS年付99元起;包月灵活如香港地域24元/月;按量付费精确到秒。新用户专享秒杀、组合购省30%、续费同价及百万扶持资金,高性价比满足个人建站、企业上云与AI开发多元需求。
1052 4
|
5月前
|
人工智能 自然语言处理 Ubuntu
阿里云+本地从部署OpenClaw到变现!+ 赚钱工具skill封装技巧(5大高盈利Wrapper开发实操)
OpenClaw(原Clawdbot)作为2026年开源AI领域的核心工具,凭借“自然语言指令+自动化任务执行”的核心能力,成为打破技术壁垒的关键。它本身免费开源,却因配置门槛卡住了95%的潜在用户——普通用户需要花费数十小时学习Skill开发、API对接、模型适配等复杂操作,才能实现个性化需求。这一“能力与可及性的鸿沟”,催生了全新的商业化机会:封装预配置的OpenClaw套装(即Wrapper),向特定行业用户出售“现成可用的数字员工”。
1308 7
|
7月前
|
存储 弹性计算 Cloud Native
阿里云服务器怎么租用?租用流程与与最新新购和续费活动解读
2026年阿里云服务器租用流程参考,涵盖注册账号、实名认证、产品选择、参数配置及支付开通五大步骤,通常10-30分钟即可完成。配置时需明确付费模式(包年包月最经济)、地域选择、实例规格匹配业务需求等。当前阿里云针对用户在新购和续费方面还有一些列活动。
|
5月前
|
人工智能 JavaScript 测试技术
实战复盘:我是如何把 Claude Code 的月账单从 $800 砍到 $150 的
用 Claude Code 做开发确实爽,但月底看到账单的时候就不爽了。 我手上有一个 5 万行左右的 TypeScript 项目,刚开始放开了用,一个月下来直接烧掉 $800。这个数字让我不得不坐下来认真研究一下——钱到底花在哪了?有没有办法在不影响开发效率的前提下,把成本打下来? 经过一个月的摸索和调优,最终月费稳定在 $150 左右,降幅达到 81%。这篇文章就是这段经历的完整总结。 很多人以为 AI 编程助手的开销主要在"它给你写的代码"上,其实不然。我拿自己的项目做了统计,结果挺意外的:
3119 5

热门文章

最新文章