当前位置: 首页 > news >正文

前端跨域相关

注:前端配置跨域后服务器端(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)
    }
})

http://www.lryc.cn/news/207321.html

相关文章:

  • HTML笔记-狂神
  • python自动化测试工具selenium
  • 输入/输出应用程序接口和设备驱动程序接口
  • Python---Socket 网络通信
  • 使用 jdbc 技术升级水果库存系统(优化版本)
  • 网络协议--广播和多播
  • python爬虫入门(三)正则表达式
  • fabric.js介绍
  • YOLOv5源码中的参数超详细解析(3)— 训练部分(train.py)| 模型训练调参
  • Linux高性能编程学习-TCP/IP协议族
  • 用爬虫代码爬取高音质音频示例
  • 深度学习与计算机视觉(一)
  • 【vector题解】杨辉三角 | 删除有序数组中的重复项 | 只出现一次的数字Ⅱ
  • 金字塔切分注意力模块PSA学习笔记 (附代码)
  • Jenkins自动化测试
  • python 字典dict和列表list的读取速度问题, range合并
  • 测试用例的设计方法(全):等价类划分方法
  • Office技巧(持续更新)(Word、Excel、PPT、PowerPoint、连续引用、标题、模板、论文)
  • Java实现ORM第一个api-FindAll
  • HFSS笔记——求解器和求解分析
  • jenkins配置gitlab凭据
  • 0基础学习PyFlink——用户自定义函数之UDTF
  • 【Java 进阶篇】Java Request 原理详解
  • 13 结构性模式-装饰器模式
  • 支持向量机(SVM)
  • Rabbitmq----分布式场景下的应用
  • springboot + redis实现签到与统计功能
  • Redis | 数据结构(02)SDS
  • Linux C语言开发-D7D8运算符
  • redis 配置主从复制,哨兵模式案例