解决前端跨域记录

简介: 解决前端跨域记录

博主开发前端不是很多,每次开发前端测试都会跨域,然后浪费不少时间,

今天记录一下省的下次再浪费时间

开发工具hbuilderx

后端python,现在有后端接口

127.0.0.1:5000/api/getinfo

前端ip

127.0.0.1:8082


这个只是端口跨域,但是为了一次性解决大部分问题,我们直接采用跨ip的解决办法

manifest.json 源文件代码视图中

添加

//h5是添加的部分
"h5" : {
    "devServer" : {
      "port" : 8080, 
      "disableHostCheck" : true,
      "proxy" : {
        "/api" : {
          "target" : "http://127.0.0.1:5000", //目标接口域名
          "changeOrigin" : true, //是否跨域
          "secure" : false// 设置支持https协议的代理
            }
            }
          }
    },
//添加部分结束
    /* 快应用特有相关 */
  "quickapp": {
  },
    /* 小程序特有相关 */  

之后在调用接口时直接

uni.request({
            url: '/api/getinfo', //仅为示例,并非真实接口地址。
            data: {
                text: 'uni.request'
            },

url: ‘/api/getinfo’ 就会被 转发成 127.0.0.1:5000/api/getinfo

致此跨ip跨域以及 跨端口跨域问题都得到了解决

相关文章
|
4天前
|
前端开发 API 数据安全/隐私保护
Web前端开发中的跨域资源共享(CORS)解决方案
【2月更文挑战第5天】在Web前端开发中,跨域资源共享(CORS)是一个常见的挑战。本文将探讨CORS的概念和原理,并介绍一些常用的解决方案,包括服务器端配置和前端处理方法,帮助开发者更好地应对跨域请求问题。
133 4
|
4天前
|
前端开发 开发者
前端开发中的跨域资源共享(CORS)解决方案探讨
【2月更文挑战第2天】跨域资源共享(CORS)是前端开发中常见的问题,本文将深入探讨CORS的原理及解决方案,包括简单请求、预检请求以及常用的CORS解决方案,为前端开发者提供深入的理解和应对CORS问题的有效方法。
49 1
|
4天前
|
前端开发 JavaScript API
探索前端开发中的跨域资源共享(CORS)
【2月更文挑战第3天】在前端开发中,跨域资源共享(CORS)是一个至关重要的话题。本文将深入探讨CORS的概念、工作原理以及如何在前端项目中正确配置和处理跨域请求,帮助开发者更好地理解和应用CORS技术。
30 7
|
4天前
|
前端开发 安全 JavaScript
前端开发中的跨域资源共享(CORS)机制
【2月更文挑战第3天】 在前端开发中,跨域资源共享(CORS)机制是一个重要的安全性问题。本文将介绍CORS的概念、原理和实现方式,并探讨在前端开发中如何处理跨域资源请求,以及如何提高网站的安全性。
|
4天前
|
JSON 前端开发 安全
前端开发中的跨域解决方案探究
跨域是前端开发中常见的问题之一,本文将探讨跨域的概念、产生的原因,以及常见的解决方案,包括JSONP、CORS、代理等。通过本文的学习,读者可以深入了解跨域问题及解决方案,为自己的前端开发工作提供参考。
|
4天前
|
JSON 前端开发 安全
前端开发中的跨域问题及解决方案
在前端开发中,跨域是一个常见但又令人头疼的问题。本文将深入探讨跨域产生的原因以及一些常见的解决方案,帮助开发者更好地理解和处理跨域情况。
|
4天前
|
JSON 前端开发 JavaScript
详细剖析让前端头疼的跨域问题是怎么产生的,又该如何解决
详细剖析让前端头疼的跨域问题是怎么产生的,又该如何解决
|
4天前
|
Web App开发 移动开发 运维
跨域解决方案[前端+后端]
跨域解决方案[前端+后端]
36 0
|
4天前
|
前端开发 安全 开发者
前端开发中的跨域资源共享(CORS)问题及解决方案探讨
在前端开发中,跨域资源共享(CORS)是一个常见且重要的问题。本文将深入探讨CORS的原理、影响以及解决方案,帮助开发者更好地应对跨域请求问题。
|
4天前
|
JSON 前端开发 安全
前端解决跨域的六种方法
跨域问题是指当一个网页试图访问来自不同源(域名、协议、端口)的资源时,浏览器会出于安全考虑而限制这种访问。这是因为浏览器的同源策略防止了恶意网站获取其他网站的敏感信息。