学习:入门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

相关推荐
太阳伞下的阿呆7 分钟前
本地环境vue与springboot联调
前端·vue.js·spring boot
宇寒风暖12 分钟前
Flask 框架全面详解
笔记·后端·python·学习·flask·知识
阳光是sunny19 分钟前
走进微前端(1)手写single-spa核心原理
前端·javascript·vue.js
飞翔的佩奇29 分钟前
基于SpringBoot+MyBatis+MySQL+VUE实现的名城小区物业管理系统(附源码+数据库+毕业论文+开题报告+部署教程+配套软件)
数据库·vue.js·spring boot·mysql·毕业设计·mybatis·小区物业管理系统
chancygcx_35 分钟前
前端框架Vue3(二)——Vue3核心语法之OptionsAPI与CompositionAPI与setup
vue.js·前端框架
朱小弟cs638 分钟前
Orange的运维学习日记--23.Linux计划任务详解
linux·运维·学习
烛阴1 小时前
Ceil -- 从平滑到阶梯
前端·webgl
90后的晨仔1 小时前
🔍Vue 模板引用(Template Refs)全解析:当你必须操作 DOM 时
前端·vue.js
Hello小赵1 小时前
嵌入式硬件学习(十)—— LED驱动+杂项设备驱动
嵌入式硬件·学习
90后的晨仔1 小时前
👂 Vue 侦听器(watch)详解:监听数据的变化
前端·vue.js