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

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

在这里插入图片描述


#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;
        }
    }
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐