前端跨域相关

注:前端配置跨域后服务器端(Nginx)也需要配置,否则接口无法访问

vue跨域 

配置文件 /vue.config.js

devServer: {

  port: 7100,

  proxy: {

    '/api': {

      target: 'http://域名',

      changeOrigin: true,

      logLevel: 'debug',

      pathRewrite: { '^/api': '' }

    }

  }

}

调用 

import axios from 'axios'

const headers = {

  'Content-Type': 'application/json;charset=utf-8'

}

axios.post('/bryant/接口地址', headers).then((res) => {

  cosole.log(res)

})

uniapp跨域

配置文件 /manifest.json

"devServer" : {
    "https" : false,
    "port" : 7101,
    "proxy": {
        "/api": {
            "target": "https://域名",
            "changeOrigin": true,
            "secure": false,
            "pathRewrite":{"^/api":""}
        }
    }
},

调用

uni.request({
    url: '/api/接口',
    method: 'POST',
    success:ret=>{
        console.log(ret)
    }
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值