项目中调用第三方接口是如何添加cookie

本文介绍了在Vue.js项目中如何配置代理(proxy)以调用第三方接口,并添加cookie。首先,需要在config.js文件中针对第三方接口进行配置,然后在上传组件中启用凭据选项(:with-credentials='true')。接着,通过设置document.cookie添加cookie。当调用第三方接口时,请求将携带localhost域。最后,展示了Nginx的配置,用于转发请求到不同的后端服务。
摘要由CSDN通过智能技术生成

1:修改配置文件config.js

proxy: { 

// 默认配置:
      '/api': {
        target: 'http://10.147.17.129:8086',
        ws: true,
        changOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      },

// 第三方接口的配置
      '/yushi-api': {
        target: 'http://192.168.40.40:80',//这里是宇视的api地址  
        ws: true,
        changOrigin: true,
        pathRewrite: {
          '^/yushi-api': ''
        }
      }

2:再<el-upload> 标签中添加  :with-credentials='true',修改上传地址为url: '/yushi-api/fastgate/fileUpload',

3:再获取到cookie的方法中添加cookie :  document.cookie = ‘你的cookie';

4:调用第三方接口,会使用localhost:

5:nginx配置 

#第三方服务转发
        location /yushi-api/ {
            proxy_pa

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值