Javascript 为我的应用提供服务时出现空白页（Vue路由器4-Vue 3）

我制作了第一个

npm运行构建

，将我的第一个大型Vue3应用程序带到真实的服务器试驾

所以我得到了这些文件，将它们上传到我的VPS中，令人惊讶的是：只有在我通过点击导航时，服务器才能识别路由路径

如果我碰巧重新加载页面或直接导航到URL，浏览器将抛出一个错误。我已将此处引用的代码添加到我的

.htaccess

文件中（我在Centos 7上使用apache） 我使用的是CWP），但问题仍然存在，唯一的区别是它没有抛出错误，而是停留在

index.html

页面中，但没有呈现任何内容

我不知道我做错了什么

请检查我下面关于Vue路由器4实施的代码

我在

main.js

文件中定义所有内容，如下所示：

import { createRouter, createWebHistory } from "vue-router"
import Page from "./views/Page.vue"
import Content from "./views/Content.vue"
import BaseSection from "./components/BaseSection.vue"

//ROUTER
const router = createRouter({
    history: createWebHistory(),
    routes: [{
            path: "/",
            name: "Home",
            component: Page,
            meta: {
                title: 'Home'
            }
        },
        {
            path: "/docs/1.0/:title",
            component: Content,
            name: "docs"
        }
    ],
    scrollBehavior(to) {
        if (to.hash) {
            return {
                el: to.hash,
                behavior: 'smooth',
            }
        }
    }
});

app.use(router);

有什么想法或建议吗？我快疯了

多谢各位

问候,，

---

T.

当从域根以外的地方为应用程序提供服务时，通常会发生空白页错误。在这种情况下，必须相应地配置Vue CLI。项目根目录中的Modfiy vue.config.js（如果不存在则创建）：

module.exports={
publicPath:process.env.NODE_env==='production'
？'/docs/1.0///这是从根目录开始的路径
: '/'
}

您可以阅读有关publicPath的更多信息

---

确保您的

.htaccess

也在/docs/1.0/中。当你查看空白页面的来源时，你看到了什么？单击/跟随.js/.css链接会发生什么？我只看到了标准的VueJS index.html代码。当我尝试跟踪.css文件链接时，它只会再次将我带到index.html，但是，地址栏中的地址会更改为我所在的路由名称加上.css文件的名称（例如：/docs/1.0/css/chunk-vendors.e0a049f6.css----其中/docs/1.0/是实际路由）此评论听起来像是从/docs/1.0/而不是域根目录提供应用程序。是吗？嗯，我同意你的回答。但问题是所有的内容都被上传到了域名根目录。它怎么能假设这条路呢？我在哪里可以换？