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

Nan_Shu_6142025-08-04 22:15

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;
    }

学完了

小程序

H5

vizpaper.nanshu.xyz