uniappH5部署

Myth丶恋晨 2022-11-12 02:53 150阅读 0赞

[uni-app的H5版打包官方教程][uni-app_H5]

笔者在打包配置时，网站域名直接定义为**localhost**。这有一个好处就是不需要对每个服务器都打包出一个地址版本  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzkyODQy_size_16_color_FFFFFF_t_70_pic_center]  
笔者使用**ngnix**来部署项目，直接贴上配置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzkyODQy_size_16_color_FFFFFF_t_70_pic_center 1]

#user  nobody;
    worker_processes  1;
    
    #error_log  logs/error.log;
    #error_log  logs/error.log  notice;
    #error_log  logs/error.log  info;
    
    #pid        logs/nginx.pid;
    
    
    events {
        worker_connections  1024;
    }
    
    
    http {
        include       mime.types;
        default_type  application/octet-stream;
    
        server_tokens off;
    
        #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
        #                  '$status $body_bytes_sent "$http_referer" '
        #                  '"$http_user_agent" "$http_x_forwarded_for"';
    
        #access_log  logs/access.log  main;
    
        sendfile        on;
        #tcp_nopush     on;
    
        #keepalive_timeout  0;
        keepalive_timeout  65;
    
        #gzip  on;
    
        upstream tserver {
        	server 127.0.0.1:8121;
        }
        server {
            listen       89;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                root   '';
                index   h5/index.html;
            }
    
    
            location ^~ /api/ {
                proxy_set_header    Host                      $host;
                proxy_set_header    x-forwarded-for     $remote_addr;
                proxy_set_header    X-Real-IP           $remote_addr;
                rewrite ^.+api/?(.*)$ /$1 break;
        		proxy_pass    http://tserver;
            }
    
    		location ~* \.(gif|jpg|jpeg|png)$ {
        		root   'h5/';
    		}
    
    		location ^~ /h5/ {
        		root   '';
    		}
    
    		location ^~ /h5/api/ {
                proxy_set_header    Host                      $host;
                proxy_set_header    x-forwarded-for     $remote_addr;
                proxy_set_header    X-Real-IP           $remote_addr;
                rewrite ^.+h5/api/?(.*)$ /$1 break;
        		proxy_pass    http://tserver;
            }
    
            #error_page  404              /404.html;
    
            # redirect server error pages to the static page /50x.html
            #
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }
    }

[uni-app_H5]: https://ask.dcloud.net.cn/article/35232
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzkyODQy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/bac6f780429e49a1b35fea73b5b64f64.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzkyODQy_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20210322163544352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzkyODQy,size_16,color_FFFFFF,t_70#pic_center