목차
질문 내용
해결 방법
백엔드 개발 Golang Golang 바이너리에 sveltekit 삽입

Golang 바이너리에 sveltekit 삽입

Feb 09, 2024 pm 05:36 PM
overflow

在 golang 二进制文件中嵌入 sveltekit

php 편집기 Baicao는 오늘 흥미로운 기술을 소개합니다. 즉, golang 바이너리 파일에 SvelteKit을 포함하는 것입니다. 프론트엔드 기술의 지속적인 개발로 인해 점점 더 많은 프레임워크와 도구가 등장했습니다. 새로운 프레임워크인 SvelteKit은 컴파일 타임에 애플리케이션을 구축하여 더 빠른 로딩 속도와 더 높은 성능을 제공합니다. 이 기사에서는 보다 편리한 배포 및 배포를 위해 SvelteKit 애플리케이션을 golang 바이너리에 포함하는 방법을 보여줍니다.

질문 내용

나는 sveltekit 웹사이트를 포함하기 위해 단일 바이너리를 제공하기 위해 embedd를 사용하려고 합니다. 나는 chi를 라우터로 사용합니다. 그러나 나는 그것을 작동시킬 수 없습니다. 아래 옵션 중 하나가 표시됩니다. 내가 아는 한 all: 选项可确保包含以 _ 为前缀的文件。我还尝试了主v1中stripprefix方法的变体:/uibuild/uibuild/etc...

를 삽입하세요.

누가 좀 밝혀줄 수 있나요?

샘플 저장소

  1. 디렉토리 목록, 내 경우에는 "uibuild"
  2. "/"에 빈 페이지가 있는데 크롬 콘솔에서 중첩된 파일에 대해 404 오류가 발생합니다
  3. 404는 홈페이지 "/"에 나타납니다.

간소화된 구성:

으아악

main.go v1:

이렇게 하면 오류 3이 발생합니다.

으아악

main.go v2:

이렇게 하면 오류 2가 발생합니다.

으아악

파일 구조:

import preprocess from "svelte-preprocess";
import adapter from "@sveltejs/adapter-static";

/** @type {import('@sveltejs/kit').config} */
const config = {
  kit: {
    adapter: adapter({
      pages: "./../server/uibuild",
      assets: "./../server/uibuild",
      fallback: "index.html",
    }),
  },

  preprocess: [
    preprocess({
      postcss: true,
    }),
  ],
};

export default config;
로그인 후 복사

해결 방법

"main.go v2"가 문자 하나만 추가할 수 있다는 점이 실망스럽습니다. 귀하는 다음을 사용하고 있습니다:

r.handle("/", http.fileserver(http.fs(static)))

문서에서:

func (mx *mux) 句柄(模式字符串,处理程序 http.handler)

각 라우팅 방법은 URL 패턴과 핸들러 체인을 허용합니다. URL 패턴은 명명된 매개변수(예: /users/{userid})와 와일드카드(예: /admin/)를 지원합니다. chi.urlparam(r, "userid")(명명된 매개변수의 경우) 및 chi.urlparam(r, "")(와일드카드 매개변수의 경우)을 호출하여 런타임 시 URL 매개변수를 얻을 수 있습니다.

따라서 "/"를 "패턴"으로 전달합니다. 이는 일치하지만 / 다음을 사용하여 수정할 수는 없습니다. 으아악

내 라이트 앱 중 하나로 이것을 테스트했는데 제대로 작동했습니다. 고려해야 할 한 가지 개선 사항은 존재하지 않는 파일에 대한 요청을

로 리디렉션하는 것입니다. 그렇지 않으면 사용자가 해당 경로로 페이지를 북마크에 추가하면 페이지가 로드되지 않습니다. 자세한 내용은 /이 답변을 참조하세요.

위의 내용 외에도 댓글에서 제가 말한 내용을 보여주기 위해

링크된 답변<a href="/about">about</a> 添加到 ui/src/routes/+page.svelte 的末尾并重建(两者都是 svelte 和然后去应用程序)。然后,您将能够导航到 about 页面(首先加载主页,然后单击“关于”)。这是由客户端路由器处理的(因此您可能不会看到任何对 go 服务器的请求)。有关如何在直接访问页面(例如 /about에서 추가 시 작동하게 만드는 방법에 대한 정보를 확인하세요). p>다음은 내장 파일 시스템에서 필요한 비트를 제공하고 다른 모든 요청에 ​​대해 기본

을 반환하는 빠른(다소 해킹된) 예입니다(Svelte 라우터가 필수 페이지를 표시할 수 있도록). index.html 으아악

위 내용은 Golang 바이너리에 sveltekit 삽입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

비트코인 탄생 이후의 역사적 가격 개요 비트코인의 역사적 가격 추세를 완벽하게 수집합니다. 비트코인 탄생 이후의 역사적 가격 개요 비트코인의 역사적 가격 추세를 완벽하게 수집합니다. Jan 15, 2025 pm 08:14 PM

암호화폐인 비트코인은 출시 이후 상당한 시장 변동성을 경험해 왔습니다. 이 기사에서는 독자들이 가격 추세와 주요 순간을 이해하는 데 도움이 되도록 탄생 이후 비트코인의 역사적 가격에 대한 개요를 제공합니다. 비트코인의 과거 가격 데이터를 분석함으로써 우리는 시장의 가치 평가, 변동에 영향을 미치는 요인을 이해하고 향후 투자 결정의 기초를 제공할 수 있습니다.

비트 코인 BTC 역사 가격 추세 차트의 탄생 이후의 역사적 가격 목록 (최신 요약) 비트 코인 BTC 역사 가격 추세 차트의 탄생 이후의 역사적 가격 목록 (최신 요약) Feb 11, 2025 pm 11:36 PM

Bitcoin의 Price는 2009 년에 창설 된 이래 2021 년 11 월에 69,044.77 달러로 상승하여 2018 년 12 월에 3,191.22 달러로 감소했습니다. 2024 년 12 월 현재 최신 가격은 $ 100,204를 초과했습니다.

2018-2024 USD의 Bitcoin의 최신 가격 2018-2024 USD의 Bitcoin의 최신 가격 Feb 15, 2025 pm 07:12 PM

실시간 비트 코인 USD 가격 비트 코인 가격에 영향을 미치는 요인 향후 비트 코인 가격을 예측하기위한 지표 다음은 2018-2024 년 비트 코인 가격에 대한 몇 가지 주요 정보입니다.

H5 페이지 제작은 프론트 엔드 개발입니까? H5 페이지 제작은 프론트 엔드 개발입니까? Apr 05, 2025 pm 11:42 PM

예, H5 페이지 제작은 HTML, CSS 및 JavaScript와 같은 핵심 기술을 포함하는 프론트 엔드 개발을위한 중요한 구현 방법입니다. 개발자는 & lt; canvas & gt; 그래픽을 그리거나 상호 작용 동작을 제어하기 위해 JavaScript를 사용하는 태그.

CSS를 통해 크기 조정 기호를 사용자 정의하고 배경색으로 균일하게 만드는 방법은 무엇입니까? CSS를 통해 크기 조정 기호를 사용자 정의하고 배경색으로 균일하게 만드는 방법은 무엇입니까? Apr 05, 2025 pm 02:30 PM

CSS에서 크기 조정 기호를 사용자 정의하는 방법은 배경색으로 통합됩니다. 매일 개발에서, 우리는 종종 조정과 같은 사용자 인터페이스 세부 정보를 사용자 정의 해야하는 상황을 발생시킵니다.

인라인 블록 요소가 왜 잘못 정렬됩니까? 이 문제를 해결하는 방법? 인라인 블록 요소가 왜 잘못 정렬됩니까? 이 문제를 해결하는 방법? Apr 04, 2025 pm 10:39 PM

인라인 블록 요소의 잘못 정렬 된 디스플레이에 대한 이유와 솔루션과 관련하여. 웹 페이지 레이아웃을 작성할 때, 우리는 종종 이상하게 겉보기에 이상한 디스플레이 문제가 발생합니다. 비교하다...

JavaScript 또는 CSS를 통해 브라우저 인쇄 설정에서 페이지 상단 및 끝을 제어하는 ​​방법은 무엇입니까? JavaScript 또는 CSS를 통해 브라우저 인쇄 설정에서 페이지 상단 및 끝을 제어하는 ​​방법은 무엇입니까? Apr 05, 2025 pm 10:39 PM

브라우저의 인쇄 설정에서 페이지의 상단과 끝을 제어하기 위해 JavaScript 또는 CSS를 사용하는 방법. 브라우저의 인쇄 설정에는 디스플레이가 ...인지 제어 할 수있는 옵션이 있습니다.

플렉스 레이아웃 아래의 텍스트는 생략되지만 컨테이너가 열려 있습니까? 그것을 해결하는 방법? 플렉스 레이아웃 아래의 텍스트는 생략되지만 컨테이너가 열려 있습니까? 그것을 해결하는 방법? Apr 05, 2025 pm 11:00 PM

Flex 레이아웃 및 솔루션에서 텍스트를 과도하게 누락하여 컨테이너 개구부 문제가 사용됩니다 ...

See all articles