uniapp打包上线全过程-h5

新建一个uniapp项目,配置环境

因为要放在服务器根目录的目录下,不是根目录,所以
manifest.json,里面的运行的基础路径就是我们的子目录/owner/h5,下图第一张是服务器的目录,第二张是uniapp配置的图片
在这里插入图片描述

在这里插入图片描述
template.h5.html这个是新建项目的时候默认生成的,上生产时解注释,但是我打开后,TouchEmulator报错,所以我就一直注释掉了
在这里插入图片描述
因为我们是h5项目,所以点击发行-(网站-H5手机版)弹出网站的信息,依次填上网站标题,网站域名,点击发行就会运行,控制台报编译成功就打包ok了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后把unpackage\dist\build\h5\下的目录放进服务器指定的目录

这样运行项目就ok了

然后上线了之后,页面可以正常访问,但是页面一刷新就404,或者空白
然后就发现项目路由模式是history 需要后端配合路径,找了后端大哥配合,ok,这样项目就上线完成了
比如后端ngnix的配置

 location / {
 try_files $uri $uri/ /index.html;
}

上面这个对于直接项目的根目录是可以的,但是如果项目不是根目录还是会有问题,

location /history {
   root C:/web/static;
 index index.html index.htm;
 #error_page 404 /history/index.html;
 if (!-e $request_filename) {
  rewrite ^/(.*) /history/index.html last;
  break;
 }
}
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值