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

学习：入门uniapp Vue3组合式API版本（17）

news 2025/8/2 7:45:36

42.打包发行微信小程序的上线全流程

域名

配置

发行

绑定手机号

上传

提交后等待，上传

43.打包H5并发布上线到unicloud的前端页面托管

完善配置

unicloud

手机号实名信息不一致：请确保手机号的实名信息与开发者姓名、身份证号一致，请前往开发者中心

T T 我去修改手机实名信息，这块未完待续

46.宝塔面板部署uniapp的h5项目

【具体到每一步】uniapp打包h5网站并部署到宝塔纯静态站点，以及打包中出现“此应用 DCloud appid 为 __UNI__xxxxxxx，您不是这个应用的项目成员。”报错解决_重新在manifest.json中生成自己的appid-CSDN博客

47.跨域问题

错误

记录uniapp 打包h5页面本地和正式服务器跨域设置问题_uniapp打包h5跨域-CSDN博客

失败

成功

在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题_uni-app vue3 h5 前端配置代理-CSDN博客【uniapp开发H5如何解决web/H5网页浏览器跨域问题同时兼顾微信小程序】https://www.bilibili.com/video/BV1rt421V7Kc?vd_source=435647b5da1386aa0413f7715c71b024

/utils/request.js

/vite.config.js

/manifest.json，被我注释了

宝塔

 # API代理配置 - 处理 /api/bizhi 路径location /api/bizhi {# 代理到实际后端proxy_pass https://tea.qingnian8.com/api/bizhi;# 添加CORS头add_header 'Access-Control-Allow-Origin' 'https://vizpaper.nanshu.xyz' always;add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;add_header 'Access-Control-Allow-Headers' 'access-key, Content-Type' always;add_header 'Access-Control-Allow-Credentials' 'true' always;# 处理OPTIONS预检请求if ($request_method = 'OPTIONS') {add_header 'Access-Control-Allow-Origin' 'https://vizpaper.nanshu.xyz';add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';add_header 'Access-Control-Allow-Headers' 'access-key, Content-Type';add_header 'Content-Length' 0;return 204;}# 代理设置proxy_ssl_server_name on;proxy_set_header Host tea.qingnian8.com;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}