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

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1277, 文章 - 0, 评论 - 214, 阅读 - 320万
  博客园  :: 首页  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

uniapp h5部署二级目录

Posted on   且行且思  阅读(612)  评论(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;
    }
}
复制代码

 

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2018-07-04 Fiddler: 如何抓取HTTPS协议的网页
2016-07-04 C#:生成短网址
点击右上角即可分享
微信分享提示