前提
Nuxt3のプロジェクトをレンタルサーバで表示したいです。
実現したいこと
- レンタルサーバーに上げる前にxamppの環境で表示させたい。
- 最終的にはNuxt3をさくらのレンタルサーバー上で表示させたい。
試したこと
bash
1npx nuxi init nuxt-app 2yarn install 3yarn dev
これをしてから「 http://localhost:3000/ 」の画面表示は成功しました。
この後、Vue3だと「yarn build」をし、生成されたdistフォルダの中身をxamppやレンタルサーバに配置すると表示することはできました。
Nuxt3の場合、「yarn build」すると「.output」フォルダが生成されますが、これはNode.js環境で動かすためのものらしく、xamppのhtdocs配下に入れても動きませんでした。
nuxt.config.tsを以下のように変更し、
js
1export default defineNuxtConfig({ 2 ssr: false, 3});
「yarn build」した後に「.output/public/index.html」をxamppのhtdocs配下に入れても動きませんでした。
※index.thml内のcssのhrefやscriptのsrcは「/_nuxt~」となっているのを「./_nuxt~」には変更しています。
質問
Nuxt3プロジェクトをNode.jsがないxamppやレンタルサーバに表示させたい場合、どのような方法がございますでしょうか。
それともNuxt3はレンタルサーバで動かすのは無理で、Node.jsが必須なのでしょうか。
宜しくお願い致します。
あなたの回答
tips
プレビュー