<!-- Generated from ja/llms-txt-vue/index.html. The canonical document is the HTML page. -->

- [ ホーム ](/ja/) 
/
- [ llms.txtの作成方法 ](/ja/how-to-create/) 
/
- Vue (Vite)            
# Vue（Vite）での `llms.txt`

Viteで構築したVue 3アプリでは、設定なしでpublic/フォルダーからllms.txtを配信できます。

最終更新: 2026年7月26日

このページの内容

- [ ファイルの保存先 ](#overview)
- [ 方法：public/フォルダー ](#public)
- [ 設定の確認 ](#verify)            
## ファイルの保存先

Vite（Vue 3 以降の標準ツール）で構築した Vue アプリは、 `public/` ディレクトリを 静的ディレクトリとして扱います。そこにあるファイルはビルド出力のルートへコピーされ、開発中はサイトルートから配信されます。
`public/llms.txt` は `/llms.txt` 設定なしで利用できます。

この方法は、Vue
アプリに安定した公開ルートがある場合に最適です。ルーティングが完全にクライアント側なら、 `llms.txt` JavaScriptによるナビゲーションの後だけでなく、 直接フェッチした際にも、意味のあるHTMLまたはドキュメントページを返すこと。

## 方法：public/フォルダー

- ファイルを作成します： `touch public/llms.txt` （標準的なVite スキャフォールドにはこのフォルダーがすでに存在する）。 
- コンテンツを作成します（形式については [作成方法ガイド](/ja/how-to-create/) および [ジェネレーター](/ja/generator/)):   
```
# Your Site Name

> One-sentence description of your site for LLM context.

## Core pages

- [Page title](https://yourdomain.com/page/): brief description.
- [Docs](https://yourdomain.com/docs/): developer documentation.

```

- 実行 `npm run dev` ローカルで確認するには `http://localhost:5173/llms.txt`、 その後 `npm run build` とデプロイします。     
例

ルート絶対パスを使用

ファイルは次のように参照します：  /llms.txt 、ではなく  /public/llms.txt 。Viteは
public/  プレフィックスであり、  public/  は処理もハッシュ化もされないため、URLは安定したままです。

## 設定の確認

デプロイ後、ファイルが読み込まれ、テキストとして配信されることを確認します：

```
curl -sI https://yourdomain.com/llms.txt | grep -i content-type
# expect: content-type: text/plain
```

ページ全文をインライン化する版については、同じ方法で
[`llms-full.txt`](/ja/llms-full-txt/) 同じ方法で行います。プレーンなVueではなくNuxtを使っていますか？次を参照してください
[Nuxtガイド](/ja/llms-txt-nuxt/)。ファイルを
[バリデーター](/ja/validator/) 完了したら、

## ソース

- [ Vite ドキュメント、public ディレクトリ ](https://vite.dev/guide/assets)
- [ llmstxt.org、仕様リファレンス ](https://llmstxt.org/)
