明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

uniapp h5部署二级目录

Posted on 2024-07-04 08:26  且行且思  阅读(443)  评论(0编辑  收藏  举报
uniapp部署二级目录

在uniapp中,如果你想要将应用部署到二级目录中,你需要在manifest.json文件中配置相应的二级目录路径。

以下是一个配置示例,假设你想要将应用部署到域名的subdir二级目录下:

  1. 打开manifest.json文件。

  2. 找到h5节点。

  3. 设置routerbase路径为你的二级目录名称。

    {
        // ... 其他配置项
        "h5": {
            // ... 其他H5配置项
            "router": {
                "base": "/subdir/"
            }
        }
        // ... 其他配置项
    } 

 

或直接图形设置:

 

配置完成后,使用npm run build:h5命令构建项目,生成的dist/build/h5目录中的文件即会部署在二级目录下。

请注意,服务器配置也需要相应地设置二级目录,以确保正确地处理请求。如果你使用的是Nginx,可以在Nginx配置文件中设置如下:

server {
    listen 80;
    server_name yourdomain.com;
 
    location /subdir/ {
        alias /path/to/your/uniapp/dist/build/h5/;
        try_files $uri $uri/ /subdir/index.html;
    }
}