Uniapp H5程序打包和发布之Nginx配置

1、HBuilderX 打包程序

2、上传服务器根目录

3、配置Nginx

说明：新建 server 节点 1、listen 80 #监听的端口 2、server_name xxxxx.com #你的域名 3、root /www/wwwroot/h5/ #你上传的程序目录 4、如果uniapp 有跨域转发此处也需要配置 location /api #你设置的转发路径名/ proxy_pass cccc.com #转发域名

完整代码如下： server { listen 80; server_name h5.miyouke.net; # 你的域名或公网IP

root /www/wwwroot/h5/; # 指向你的uni-app项目的dist目录
index index.html;

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

 # 服务器代理实现跨域
    location /api/ {
       proxy_pass   https://yh.miyouke.net; # 将/api/开头的url转向该域名
     #如果报错则使用这一行代替上一行 proxy_pass   http://localhost:8000;  将/api/开头的url转向该域名
       rewrite "^/api/(.*)$" /$1 break ; # 最终url中去掉/api前缀
    }

}