uniapp发布H5，部署到nginx

HBuilder发布

1. 发布h5

• 点击菜单栏发行，点击选择网站-H5手机版

• 啊哦，报错了，恭喜恭喜，开始百度~~

2. 解决bug

1. 登录开发者中心：dev.dcloud.net.cn/pages/app/l…

2. 创建应用

3. 将Appid填写到manifest.json

4. 重新发布H5
   • 打包成功 , 生成了unpackage文件夹, 打包好的文件存放在里面

• 终于打包成功了，太感动了

部署到服务器

1. 连接服务器

• 通过工具连接服务器，把打包好的文件上传到你的服务器
  • 这里我使用的是WindTerm,个人感觉不错，不过很少人使用
  • 找到nginx配置的文件路径，我这里是在/usr/local/nginx/vhost/

• 配置文件

• vim fuled-platform-tx.conf
  • 英文i进入编辑状态，键盘的上下键可以移动光标
  • 退出编辑并保存：先按一下ESC，再按:wq退出并保存

   location /h5 {
            root   /zshx-data/pro/docker/tx/fuled-wisdom-platform-pro-tx/web/h5;
            index  index.html index.htm;
            #防止静态资源出现404
            try_files $uri $uri/ /h5;
        }

• 配置成功，打开浏览器，输入服务器ip地址，访问一首页的内容吧 ^_^

  • http://192.168.2.4:9001/h5/#/
  • 很不开心，又又又报错了，继续我的百度

• Uncaught SyntaxError: Unexpected token '<'

2.解决bug

1. 修改manifest.json的运行路径

2. 再次重新发布

3. 登录成功

感悟

其实说实话，我自己对nginx的配置文件还是不太理解，只是在做毕业设计的使用过，就这样模模糊糊的发布成功了，反正也挺开心的，毕竟又学了一个小技能。