uniapp打包h5无法去掉https-uni-app-PHP中文网

uniapp打包h5无法去掉https

WBOY

发布： 2023-05-22 12:25:07

原创

1271 人浏览过

近年来，网站安全性越来越受到人们的关注。而随着HTTPS的普及，越来越多的网站选择使用HTTPS协议来保护用户信息的安全性。但在某些情况下，对于我们的项目而言，可能需要去掉HTTPS，在这里我将着重介绍uniapp打包H5版本去掉HTTPS的相关问题。

什么是uniapp？

uniapp 是由DCloud打造的一款基于Vue.js的多端开发框架，支持一次开发多端运行的特性，可以方便地开发H5、微信小程序、支付宝小程序、APP等多个平台的应用。

uniapp中的HTTPS问题

通过uniapp开发的H5项目，其本身是支持HTTPS的。而正常情况下，我们的uniapp项目打包后，访问的链接也是HTTPS协议，但是在某些情况下，我们需要将H5访问协议改为HTTP，此时就需要对打包后的项目进行一些设置。

去掉HTTPS

3.1 针对uniapp在打包过程中的设置

在进行uniapp打包时，我们可以选择配置文件中的“条件编译”来决定是否启用HTTPS。具体方法如下：

配置“app-plus”节点中的“uni-app”节点的“condition”属性，设置其为“true”或“false”，来决定是否启用HTTPS。如果设置为“true”，则表示启用HTTPS；如果设置为“false”，则表示不启用HTTPS。

具体代码如下：

"app-plus": {
  "uni-app": {
    "condition": {
      "UNI_USING_UPX": true,
      "HTTPS": true
    }
  }
}

登录后复制

其中，“HTTPS”: true 表示启用HTTPS，将其改为“false”即可去掉HTTPS。

3.2 针对nginx配置文件的设置

一些情况下，我们可以使用nginx来对H5的HTTPS进行设置。可以通过以下步骤进行操作：

首先，需要修改nginx配置文件，将listen后面的443端口修改为80端口，如下：

server {
  listen 80; //改为80端口
  server_name test.com;
  root /wwwroot/test;
  index index.html;
  location / {
    try_files $uri $uri/ /index.html;
  }
}

登录后复制

接着，需要在nginx的配置文件中增加一个“if”判断，将所有请求转换为http协议，如下：

server {
  listen 80;
  server_name test.com;
  root /wwwroot/test;
  index index.html;
  if ($http_x_forwarded_proto != 'https') {
    rewrite ^(/.*)$ $scheme://$host$1 permanent;
  }
  location / {
    try_files $uri $uri/ /index.html;
  }
}

登录后复制

以上操作完成后，我们的uniapp打包后的H5页面便可以使用HTTP协议进行访问了。