Tdesign 嵌入 frame 打包上传服务器首次打开网页正常,刷新后链接404失效

本文链接：https://blog.csdn.net/2401_85340688/article/details/141158787

Tdesign 嵌入 frame 打包上传服务器首次打开网页正常,刷新后链接失效

1、我们打包文件到服务器上， num run build 命令，base 需要改成"./" 的情况下。

2、遇到的问题是，首次打开正常，但是刷新后

3、针对上述2 问题，我修改了 router 文件，改成 Hash 就可以了。


import { createRouter, createWebHistory, createWebHashHistory, RouteRecordRaw } from 'vue-router';

const router = createRouter({
  // history: createWebHistory(env === 'site' ? '/starter/vue-next/' : import.meta.env.VITE_BASE_URL),
  history: createWebHashHistory(),
  routes: allRoutes,
  scrollBehavior() {
    return {
      el: '#app',
      top: 0,
      behavior: 'smooth',
    };
  },
});

{
    "code": 0,
    "data": {
        "list": [
  
            {
                "path": "/frame",
                "name": "Frame",
                "component": "Layout",
                "redirect": "/frame/doc",
                "meta": {
                    "icon": "internet",
                    "title": {
                        "zh_CN": "外部页面",
                        "en_US": "External"
                    }
                },
                "children": [
                    {
                        "path": "doc",
                        "name": "Doc",
                        "component": "IFrame",
                        "meta": {
                            "frameSrc": "https://tdesign.tencent.com/starter/docs/vue-next/get-started",
                            "title": {
                                "zh_CN": "使用文档（内嵌）",
                                "en_US": "Documentation(IFrame)"
                            }
                        }
                    },
                    {
                        "path": "TDesign",
                        "name": "TDesign",
                        "component": "IFrame",
                        "meta": {
                            "frameSrc": "https://tdesign.tencent.com/vue-next/getting-started",
                            "title": {
                                "zh_CN": "TDesign 文档（内嵌）",
                                "en_US": "TDesign (IFrame)"
                            }
                        }
                    },
                    {
                        "path": "TDesign2",
                        "name": "TDesign2",
                        "component": "IFrame",
                        "meta": {
                            "frameSrc": "https://tdesign.tencent.com/vue-next/getting-started",
                            "frameBlank": true,
                            "title": {
                                "zh_CN": "TDesign 文档（外链",
                                "en_US": "TDesign Doc(Link)"
                            }
                        }
                    }
                ]
            }
        ]
    }
}