云开发的web端网站部署到服务器后，云存储API报跨域错误；关于localhost下web端访问微信小程序云存储没有问题，但是把网站文件部署到云服务器后却报跨域错误问题

已于 2022-07-05 19:55:11 修改
阅读量502 收藏 1
点赞数
分类专栏： 云开发 elementui vue.js 文章标签： 大数据
于 2022-06-23 19:02:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52309519/article/details/125432937
版权

解决方法：

打开云开发cloudbase控制台：登录 - 腾讯云

需要让小程序的管理者扫码登录

 登录之后，找到小程序云环境对应的环境id

点进去

 

 发现原本就设置了localhost的80和8080端口允许的访问，所以这就是我们使用localhost的时候可以成功访问的原因！

接下来添加你网站的域名就可以了！

 大功告成，收获满满~

感谢云开发后台客服！！！！

阿里云服务器部署前后端分离项目跨域,前后端分离项目，如何解决跨域问题？...
weixin_39878745的博客
08-12 880
跨域资源共享(CORS)是前后端分离项目很常见的问题，本文主要介绍当SpringBoot应用整合SpringSecurity以后如何解决该问题。什么是跨域问题CORS全称Cross-Origin Resource Sharing，意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时，就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问，那么访问的那个资源就会遇到跨域问...
Web前端——跨域问题
m0_54849806的博客
03-02 455
目录 1.跨域问题 2.为什么要跨域？ 演示跨域问题 3.利用jsonp进行跨域 演示jsonp跨域 演示用jQuery的方式发送jsonp请求 简化方法发送jsonp 4.用cros进行跨域 cros跨域演示 5.proxy模式简介 1.跨域问题 什么是跨域? 首先,现代浏览器为了安全,做了一个同源限制. 也就是所谓的同源安全策略. 本质上,其实是不存在所谓的跨不跨域的. 把浏览器想象成一个发送网络请求的软件. 按照道理来说,请求都是可以发送出去的. 但是在 w
微信小程序 - 跨域问题
CSU_Zipple的博客
03-17 1万+
微信小程序的复杂请求是通过微信后台服务器请求的，也就是说请求来源的origin域是微信后台服务器，为了解决跨域问题得自己的后台允许微信服务器的域:servicewechat ...
跨域请求与微信开发
heartOfblack 离开了电脑，我不希望我还有病
03-29 6464
什么是跨域请求跨域是浏览器的一个同源策略的问题而衍生的需求，跨域请求是指服务器A的页面去请求服务器B的资源，而服务器A.B之间只要域名、端口号、IP不同都属于跨域而浏览器没有对SCRIPT，IMG等包含SRC属性的标签做同源策略的限制，因此有了一个JSONP的非官方协议，其原理是服务器A去访问服务器B的JS文件（这里不存在跨域限制），服务器B的JS文件去获取同源下面的资源，并把数据一并返回到服务器A
腾讯云开发CloudBase之静态网站托管
帆酱的博客
09-29 2213
静态网站：有别于动态网站，它就是只包含静态内容（如图片、音频、视频、HTML、CSS、JS）的网站，不依赖服务器端动态渲染页面。 虽然不能写后台接口，但作为一个静态文件加速访问的cdn还是不错的，对于一些纯静态的网站可以做到快速访问。 如果想要访问接口： 使用jsonp访问，不然会报跨域错误。 详情见：https://blog.csdn.net/weixin_41187842/article/details/81181352 若果有一个虚拟主机 我们常用打包的vue项目，因无法重写使用静态规则，
基于微信小程序的青少年素质教育培训系统设计和实现(源码+lw+部署+讲解)
源码哆哆
10-14 943
Spring Boot是基于Spring Framework的开发框架，具有许多优势。它内置了Tomcat、Jetty和Undertow等服务器，可以直接使用而无需额外安装和配置。最重要的是，Spring Boot具有强大的自动配置功能，能根据项目依赖自动配置应用程序，大大简化了开发过程。此外，Spring Boot还提供了丰富的开箱即用功能和插件，如Spring Data、Spring Security和Spring Cloud等，使得开发者能够更快速地构建应用程序，并轻松扩展和集成其他技术。
基于微信小程序的高校学生就业管理系统设计与实现(源码+lw+部署+讲解)
2401_85564422的博客
10-06 1221
Spring Boot是基于Spring Framework的开发框架，具有许多优势。它内置了Tomcat、Jetty和Undertow等服务器，可以直接使用而无需额外安装和配置。最重要的是，Spring Boot具有强大的自动配置功能，能根据项目依赖自动配置应用程序，大大简化了开发过程。此外，Spring Boot还提供了丰富的开箱即用功能和插件，如Spring Data、Spring Security和Spring Cloud等，使得开发者能够更快速地构建应用程序，并轻松扩展和集成其他技术。
基于微信小程序的婚庆影楼服务系统设计和实现(源码+lw+部署+讲解)
2401_85564422的博客
10-11 621
Spring Boot是基于Spring Framework的开发框架，具有许多优势。它内置了Tomcat、Jetty和Undertow等服务器，可以直接使用而无需额外安装和配置。最重要的是，Spring Boot具有强大的自动配置功能，能根据项目依赖自动配置应用程序，大大简化了开发过程。此外，Spring Boot还提供了丰富的开箱即用功能和插件，如Spring Data、Spring Security和Spring Cloud等，使得开发者能够更快速地构建应用程序，并轻松扩展和集成其他技术。
基于微信小程序的校园社区生活服务小程序设计与实现(源码+lw+部署+讲解)
源码哆哆
10-06 1524
Spring Boot是基于Spring Framework的开发框架，具有许多优势。它内置了Tomcat、Jetty和Undertow等服务器，可以直接使用而无需额外安装和配置。最重要的是，Spring Boot具有强大的自动配置功能，能根据项目依赖自动配置应用程序，大大简化了开发过程。此外，Spring Boot还提供了丰富的开箱即用功能和插件，如Spring Data、Spring Security和Spring Cloud等，使得开发者能够更快速地构建应用程序，并轻松扩展和集成其他技术。
基于微信小程序+SpringBoot的宠物店系统设计和实现(源码+lw+部署+讲解)
源码哆哆
10-14 696
Spring Boot是基于Spring Framework的开发框架，具有许多优势。它内置了Tomcat、Jetty和Undertow等服务器，可以直接使用而无需额外安装和配置。最重要的是，Spring Boot具有强大的自动配置功能，能根据项目依赖自动配置应用程序，大大简化了开发过程。此外，Spring Boot还提供了丰富的开箱即用功能和插件，如Spring Data、Spring Security和Spring Cloud等，使得开发者能够更快速地构建应用程序，并轻松扩展和集成其他技术。
微信开发者工具测试前端网页跨域问题解决
MidYear的博客
07-14 3205
微信开发者工具使用、工具跨域、Springboot前后端分离项目跨域问题解决
.DS_Store 是 Mac OS 保存文件夹的自定义属性的隐藏文件。通过.DS_Store可以知道这个目录里面所有文件的清单。
V50小白
09-13 1346
信息泄露 备份文件下载.DS_Store原题下载.DS_Store文件打开linux先安装curl,已安装的可忽略。之后虚拟机linux输入以下命令会发现也有txt文本解析txt文本内容，即可找到flag。 .DS_Store 原题 下载.DS_Store文件 http://challenge-8d035d010ee4211e.sandbox.ctfhub.com:10080/.DS_Store 此时出现DS_Store文件 用记事本打开会看见一堆乱码，但会发现有一个像txt文件 打开linu
小程序中的网络请求
m0_67198021的博客
06-07 853
小程序网络请求相关知识
微信小程序请求的封装及跨域的解决。
Time_Flies_lei的博客
04-27 9653
建议把所有请求抽离到不同页面对应的js文件中，可以方便后期的修改和排查问题，小程序请求是通过微信后台来请求我们的后台地址来进行后端映射、你请求的接口实际到微信的后端做了一道映射，微信后端拿到你的 wx.request 调用的 url、用后端请求后端，所以不会出现跨域问题 一、新建network文件夹并建立netwrok.js文件 import baseURL from "./config.js"; // 引入baseURL 后面会讲到 export default function request(o
微信小程序请求数据出现跨域问题
weixin_39223685的博客
11-15 3303
小程序开发常见问题
【前端】uniapp微信小程序跨域问题的解决方法
程序员-张师傅
07-18 2959
uniapp微信小程序跨域问题的解决方案主要涉及微信小程序的配置和开发环境的设置，因为微信小程序运行在微信提供的Webview环境中，遵循微信的安全策略和请求机制，而不是传统的CORS（跨源资源共享）策略。
【小程序】微信小程序云开发笔记详细教程（建议收藏）
11-18 7124
无需搭建服务器，快速构建小程序、公众号；无需搭建服务器，只需使用平台提供的各项能力，即可快速开发业务。直白来讲，小程序云开发就是让前端程序员拥有后端的能力云开发提供了一个 JSON 数据库，顾名思义，数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合（相当于关系型数据中的表），集合可看做一个 JSON 数组，数组中的每个对象就是一条记录，记录的格式是 JSON 对象。云函数即在云端（服务器端）运行的函数。
解决跨域问题 has been blocked by CORS policy 后续，原理解析篇
不完美的红烧肉的博客
01-27 2万+
解决跨域问题 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present ———————————————— 版权声明：本文为CSDN博主「士多碧莉」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_40647516/article/details/102660374a 这篇文章是我一年前写的，当
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ 前后端设置跨域问题解决过程
热门推荐
zhanxiaochu的博客
08-31 3万+
经过多次遇到坑,找了很多资料,有nginx配置,前端页面添加,等但是这些都没有解决遇到问题,下面是本人遇到的情况并解决步骤过程,希望看到对你有所帮助: 开发页面渲染生成海报,并保存 问题原因: 解决过程:1:通过查询诸多资料:nginx代理配置域名新增(这个是大部分建议的结果): location ^~ /third_image/ { add_header 'Access-Control-Allow-Origin' "$http_origin" always;...
微信小程序开发后端用eclipse使用springboot
最新发布
03-11
<think>好的，我需要帮助用户了解如何使用Eclipse和Spring Boot开发微信小程序的后端。首先，我需要整合用户提供的引用信息，特别是引用1、2、3、5，因为这些提到了Spring Boot与微信小程序的结合，以及开发环境配置。 用户的问题是关于最佳实践和教程，所以我的回答需要结构清晰，分步骤说明。首先应该从环境配置开始，因为引用5提到了JDK1.8、Maven、Eclipse等，这些都是基础。接着是项目创建，使用Spring Initializr，这符合Spring Boot的标准做法。 然后需要添加依赖，引用1、2、3中都提到了MyBatis、MySQL，所以需要包含这些依赖。数据库配置也是必要的，引用5提到MySQL 5.7，需要特别指出版本。接下来是编写RESTful API，这是后端与小程序前端交互的关键，可能需要处理用户登录、数据交互等，这部分需要结合微信小程序的接口，比如wx.request。 用户认证方面，微信小程序通常使用微信登录，可能需要集成微信的API，但引用中没有详细说明，可能需要提到使用JWT或OAuth2.0，但需要确保与微信的兼容性。 部署和测试部分，引用1、3提到了远程调试和部署，所以需要指导如何打包并部署到服务器，以及使用Postman进行接口测试。最后，结合小程序的开发，需要说明如何调用API，比如在小程序中使用wx.request，并处理跨域问题。 在相关问题的生成上，需要围绕后端开发、数据库设计、接口安全、性能优化以及整合其他服务来提问，这些都与用户可能遇到的后续问题相关。 需要确保所有步骤符合引用中的技术栈，比如Spring Boot、MyBatis、MySQL，同时使用Eclipse作为开发工具。此外，注意代码示例的正确性，比如使用@RestController和@RequestMapping注解，以及application.properties的配置。 最后，检查是否遗漏了任何引用内容，并正确添加引用标识。确保回答结构清晰，步骤明确，符合用户要求的中文回答，并且生成的相关问题能够引导用户深入学习和解决问题。</think>### 使用 Eclipse 和 Spring Boot 开发微信小程序后端的最佳实践 #### 1. 环境配置与项目搭建 - **开发工具**：Eclipse IDE（需安装 Spring Tools 插件）或直接使用 Spring Tool Suite (STS)[^5] - **JDK版本**：JDK1.8（需配置环境变量）[^5] - **依赖管理**：Maven 3.3.9（用于管理 Spring Boot、MyBatis、MySQL 驱动等依赖） - **数据库**：MySQL 5.7（需注意版本兼容性） ```properties # application.properties 配置示例 spring.datasource.url=jdbc:mysql://localhost:3306/your_database?useSSL=false spring.datasource.username=root spring.datasource.password=123456 mybatis.mapper-locations=classpath:mapper/*.xml ``` #### 2. Spring Boot 项目初始化 - 使用 **Spring Initializr** 创建项目，勾选以下依赖： - `Spring Web`（构建 RESTful API） - `MyBatis Framework`（数据库操作） - `MySQL Driver`（数据库连接） - `Lombok`（简化实体类代码） #### 3. 数据库设计与实体类映射 - **示例实体类**（如用户表）： ```java @Data public class User { private Integer id; private String openid; // 微信用户唯一标识 private String nickname; private String avatarUrl; } ``` - 使用 MyBatis 的 `@Mapper` 注解定义接口，XML 文件编写 SQL 语句[^1][^3] #### 4. RESTful API 开发 - **核心控制器示例**（用户登录接口）： ```java @RestController @RequestMapping("/api/user") public class UserController { @Autowired private UserService userService; @PostMapping("/login") public ResponseEntity<?> wxLogin(@RequestBody WxLoginRequest request) { // 调用微信接口获取 openid String openid = wechatService.getOpenid(request.getCode()); return ResponseEntity.ok(userService.createOrUpdateUser(openid)); } } ``` #### 5. 微信小程序接口对接 - 需集成微信接口： - 登录认证：通过 `wx.login` 获取 code 传给后端[^2] - 数据加密传输：使用 AES 加密敏感数据 - 小程序支付：调用微信支付 API（需配置商户信息） #### 6. 安全与性能优化 - **JWT 鉴权**：在请求头中添加 token 验证用户身份 - **Redis 缓存**：存储高频访问数据（如商品信息） - **API 限流**：通过 Spring Security 或 Sentinel 防止接口滥用 #### 7. 部署与测试 - **打包**：使用 `mvn clean package` 生成可执行 JAR - **部署**：通过 Tomcat 或 Docker 部署到云服务器 - **接口测试**：Postman 或 Swagger 进行接口调试 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值