学习:入门uniapp Vue3组合式API版本(17)

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

相关推荐
胡gh2 小时前
页面卡成PPT?重排重绘惹的祸!依旧性能优化
前端·javascript·面试
言兴2 小时前
# 深度解析 ECharts:从零到一构建企业级数据可视化看板
前端·javascript·面试
山有木兮木有枝_2 小时前
TailWind CSS
前端·css·postcss
烛阴3 小时前
TypeScript 的“读心术”:让类型在代码中“流动”起来
前端·javascript·typescript
杨荧3 小时前
基于Python的农作物病虫害防治网站 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python
骑驴看星星a3 小时前
数学建模--Topsis(Python)
开发语言·python·学习·数学建模
Moment4 小时前
毕业一年了,分享一下我的四个开源项目!😊😊😊
前端·后端·开源
长安即是故里5 小时前
Maxwell学习笔记
笔记·学习
程序视点5 小时前
Escrcpy 3.0投屏控制软件使用教程:无线/有线连接+虚拟显示功能详解
前端·后端
silent_missile5 小时前
element-plus穿梭框transfer的调整
前端·javascript·vue.js