nuxt web

中国語 | 英語

nuxt-web

nuxtjsをベースに開発されたブログシステム

プロジェクトの紹介:

• 主なテクノロジー: nuxtjs 2.0、element-ui 2.0

• 主に使用するプラグイン: axios、less、highlight.js、component-cache

• QQ グループに参加して一緒にコミュニケーションしましょう: 514450699

関連プロジェクト

• バックエンド管理プロジェクト: vueAdmin

• バックエンド管理アドレス: http://admin.dsiab.com

• 体験アカウント: テスト / テスト

デモアドレス

• 公式サイト：https://www.dsiab.com

nuxtを選択する理由:

• nuxt によって開発されたプロジェクトは検索エンジンに組み込むことができ、SEO に使用できます。

• 始めるのは簡単で、構文は vue と同じですが、いくつかの記述方法が異なります。ディレクトリに従って新しいファイルを作成するだけで、対応するルートが nuxt によって自動的に生成されます。

• 統計および広告コードに通常どおりアクセスする機能

不十分

• element-ui の一部の機能は検索エンジンや SEO に適しておらず、一部のコンポーネントは手書きするか、element-ui に基づいて変更する必要があります。たとえば、リンクがなく、リンクの方が検索エンジンにとって使いやすいため、メニュー部分とページングコンポーネントを変更する必要があります。このプロジェクトでは、SEO を促進するためにページング コンポーネントを書き換えています。もちろん、他のコンポーネント ライブラリを選択することも、使用しないこともできます。

読み込みパフォーマンスの向上

• 場合によっては、特定のインターフェイスをサーバー側でレンダリングする必要がなく、ブラウザーでレンダリングできる場合があります。たとえば、現在のホームページのリストはサーバー側の呼び出しによってレンダリングされ、右側のメニューの推奨事項とカテゴリはブラウザーによってレンダリングされます。これは通常の ajax 呼び出しと同じです。

• ブラウザ インターフェイスは nginx リバース プロキシを使用して設定する必要があることに注意してください。詳細については、https://www.dsiab.com/post/4421 を参照してください。

• このプロジェクトは @nuxtjs/component-cache を使用して読み込みパフォーマンスを向上させます

アプリケーションの起動方法

 # 下载代码

github: git clone https://gitee.com/wilkwo/nuxt-web.git

或者

gitee: git clone https://github.com/esplori/nuxt-web.git

# 安装依赖
$ npm install
# 本地启动在 localhost:3000
$ npm run dev
# 部署到服务器，先build，再执行start启动
$ npm run build
$ npm run start
# 生成静态项目
$ npm run generate

知らせ

• デフォルトでは、公式 Web サイトのインターフェイスが呼び出され、データは公式 Web サイトと同期されます。

• ローカル インターフェイスを使用する場合は、/plugins/baseUrl.js ファイルの BaseUrl を変更します。

• ブラウザ側のインターフェイスを呼び出したい場合は、nuxt.config.js ファイル内のプロキシを変更し、対応するインターフェイスをローカル サービスに転送してください。

ご評価いただきありがとうございます

作成は簡単ではありません。あなたの評価と評価が継続的な更新の原動力です。