uniapp打包成H5部署到服务器教程

这篇具有很好参考价值的文章主要介绍了uniapp打包成H5部署到服务器教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

步骤如下:
1:点击菜单栏发行,点击选择网站-H5手机版,
uniapp打包h5域名配置,uni-app,服务器,运维
2:在网站域名这一栏填写,网站域名,例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX,(这个地址是你将项目打包之后存放放静态文件的地址)。

uniapp打包h5域名配置,uni-app,服务器,运维

3、
uniapp打包h5域名配置,uni-app,服务器,运维

4、
项目里面请求的公共路径
uniapp打包h5域名配置,uni-app,服务器,运维

uniapp打包h5域名配置,uni-app,服务器,运维
5、打包
6、上传到服务器
7、配置nginx
配置ssl

8:注意,这三个地方的路径名称一定要一致哦。
1:打包时候的配置的运行的基础路径
2:服务器根目录底下存放静态文件static和index.html
3:浏览器里面访问的路径

步骤2步骤4 域名地址得一样

作者:祈澈菇凉
链接:https://www.jianshu.com/p/dee3043bc994
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。文章来源地址https://www.toymoban.com/news/detail-766202.html

到了这里,关于uniapp打包成H5部署到服务器教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp:H5打包部署到github后文件`_plugin-vue_export-helper`访问不到

    uniapp H5打包部署到github后,下划线开头的一个文件 _plugin-vue_export-helper 访问不到,网络请求显示404 需要修改配置 vite.config.js 参考文章 Vite 部署后 _plugin-vue_export-helper 文件 404 问题

    2024年02月15日
    浏览(48)
  • H5套壳微信小程序跳转H5以及配置服务器接口域名和业务域名

    一、H5套壳微信小程序跳转H5 基本语法: web-view src=\\\"https://你的域名\\\"/web-view 1. 其中,url必须在管理后台加进业务域名,并且是https开头的。 使用了web-view,页面将不能放置其他元素,因为web-view会铺满整个页面 电脑端调试,需要在开发者工具的项目设置里把基础库版本改为最

    2024年02月07日
    浏览(46)
  • 手把手教你如何把vue项目打包后部署到服务器(小白教程)

    一.需要用到的工具 vscode 下载链接:Visual Studio Code - Code Editing. Redefined FinalShell 下载链接:FinalShell官网 二.打包步骤 1.vscode打开你的vue项目-- 点终端 -- 输入npm run build 按回车进行打包;  2.打包成功 , 生成了dist文件夹, 打包好的文件会默认存放在里面;   三. 用FinalShell连接服

    2024年02月16日
    浏览(58)
  • 小程序(或h5)无法显示阿里云服务器上的图片

    解决方法网上还有其它方案 使用 images.weserv.nl 方案 使用 no-referrer 方案(h5) 1 使用images.weserv.nl方案 不需要改服务器白名单 亲测有效 无法显示出来 在返回的图片链接上加上前缀: https://images.weserv.nl/?url= 2 使用no-referrer方案,在其它标签上也可用 暂时没测试校验过

    2024年02月12日
    浏览(39)
  • 关于前端vue打包项目以及静态网站部署项目到阿里云ECS云服务器初学简单教程

    准备工作: 1.首先进入https://ecs.console.aliyun.com/ 领取或者购买一台简单的ECS云服务器。 进入网站注册登录后拉到页面最下面或者顶部搜索免费云服务器领取立即试用 ,当然富哥花钱买一台服务器也行。   创建完了以后可以进入云服务ECS工作台,然后就是以下界面   点击右边

    2024年02月04日
    浏览(73)
  • 【uniapp】uniapp打包H5(网页端):

    一、设置appid: 【 注意 】appid是项目的( 不是成员无法打包 ) 二、设置router: 未设置router情况: 三、打包: 【1】CLI 发行uni-app到H5:https://hx.dcloud.net.cn/cli/publish-h5 【 注意 】cli命令打包h5报错:找不到接受实际参数“–platform”的位置形式参数 【2】HBuilderX 发行=》网站-

    2024年02月13日
    浏览(45)
  • 【uniapp】多端打包(h5...)

    HBuilder X - 项目目录中manifest.json 发行 查看打包文件(用浏览器打开就行了) 或者直接运行在浏览器中

    2024年04月14日
    浏览(61)
  • c++高性能264/265实时h5流媒体服务器前后端整体解决方案

    c++高性能264/265实时h5流媒体服务器前后端整体解决方案 下图展示了前端播放效果。 播放1路264视频流,4路265视频流 CPU占用率10%(测试机器上运行着c++服务端和其他工具程序) GPU0占用率17% 1.1 作者测试机器配置 处理器 11th Gen Intel® Core™ i7-11800H @ 2.30GHz 2.30 GHz 机带 RAM 32.0 GB (31.

    2024年02月12日
    浏览(48)
  • uniapp 打包H5,打包小程序,打包app分享到微信聊天、朋友圈

    1.uniapp打包H5操作手法:Hbuilder-发行-网站-PC-WEB端或手机端H5访问,需要填写个访问域名,即发布后访问的域名路径 2.uniapp打包H5配置注意事项:uniapp下manifest.json文件中H5配置相关配置,路由模式选择hash,勾选上https访问。 注:如果是本地访问没有https设置,则该项不要勾选,打

    2024年02月09日
    浏览(68)
  • uniapp的打包:h5、微信小程序以及APP方式

    本人用的是HBuilder编译器,学习uniapp时b站某位大大推荐的,我刚开始接触代码时候也用过,那时候并不好用这个编译器,但是现在试了一下挺好用的。 这是h5页面的打包配置,新版本的HBuilder用的是web配置(也就是h5配置的意思) 由于上图是我个人项目练习,没有用到appID,所

    2024年02月09日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包