sveltekit 路由在部署到服务器时不起作用

小伙伴们有没有觉得学习Golang很有意思？有意思就对了！今天就给大家带来《sveltekit 路由在部署到服务器时不起作用》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

这是我的 svelte.config.js，我正在使用适配器静态：

const config = {
kit: {
    adapter: adapter({
        // default options are shown
        pages: '../backend/build',
        assets: '../backend/build',
        fallback: null,
        precompress: false,
    }),
    alias: {},
    appdir: '_app',
    browser: {
        hydrate: true,
        router: true,
    },
    files: {
        assets: 'static',
        hooks: 'src/hooks',
        lib: 'src/lib',
        params: 'src/params',
        routes: 'src/routes',
        serviceworker: 'src/service-worker',
        template: 'src/app.html',
    },
    floc: false,
    methodoverride: {
        parameter: '_method',
        allowed: [],
    },

    paths: {
        assets: '',
        base: '',
    },
    trailingslash: 'always',

    vite: {
        server: {
            proxy: {
                '/api': 'http://localhost:5555',
            },
        },
    },
},

preprocess: null,};

从后端（go lang）我提供构建目录和index.html 文件。主页工作正常，但每当我单击任何路线时，它都会向服务器发送获取请求，而不是在应用程序本身中进行重定向。

这是从后端提供服务的 go 代码：

router := gin.default()

router.staticfile("/", "./build/index.html")
router.staticfs("/_app", http.dir("build/_app"))

我还尝试过以下代码：

router.NoRoute(func(c *gin.Context) {
    path := c.Request.URL.Path
    c.File("./build/index.html")
})

注意：当我运行 npm run preview 时，一切正常。

正确答案

adapter-static 有两种不同的操作模式：SPA 和预渲染。当有多个路由时， npm run dev 和 npm run Preview 都会按预期工作，但是一旦构建，静态路由就会落入 Web 服务器（在您的情况下为 Go 框架），但任何其他静态服务器也会发生同样的情况（我还测试了 Nginx 和 Apache）。

我找到了一种避免将站点转换为 SPA 的解决方法：安装 url 重写机制作为中间件，以便添加静态服务器在编译站点中期望的 .html 扩展。就我而言，我使用了 Go Fiber github.com/go Fiber/rewrite/v2 并且它按预期工作（与使用 npm run dev 时的行为相同） 对于 Nginx 静态服务器，解决方案是相同的 url 重写，可以按照此处的说明使用：https://www.codesmite.com/article/clean-url-rewrites-using-nginx

好了，本文到此结束，带大家了解了《sveltekit 路由在部署到服务器时不起作用》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多Golang知识！