nuxt静的な配置包装の相対的な経路操作
以前nuxtプロジェクトで静的に展開されていたファイルは以下の通りです。
パスは絶対パスです。プロジェクトのドメイン名が二級ドメイン名の場合、この絶対パスに包装できません。
nuxtはvueプロジェクトとは違って、長い間考えて、やっと配置の場所を見つけました。
nuxtプロジェクトのnuxt.com fig.js:
知識を補充します:nginx配置、nuxt静的な配置、ルートのジャンプが失効する問題
nuxt静的展開問題
静的配置:ルートモードのジャンプが無効になる問題。ヒストリカルモードは使用できませんので、「hash」モードを使って、包装「npm run generate」を行う必要があります。
ファイル:nuxt.com fig.js
パスは絶対パスです。プロジェクトのドメイン名が二級ドメイン名の場合、この絶対パスに包装できません。
nuxtはvueプロジェクトとは違って、長い間考えて、やっと配置の場所を見つけました。
nuxtプロジェクトのnuxt.com fig.js:
module.exports = {
router: {
base: './'
}
}
包装したファイル:知識を補充します:nginx配置、nuxt静的な配置、ルートのジャンプが失効する問題
nuxt静的展開問題
静的配置:ルートモードのジャンプが無効になる問題。ヒストリカルモードは使用できませんので、「hash」モードを使って、包装「npm run generate」を行う必要があります。
ファイル:nuxt.com fig.js
//
router: {
mode: 'hash', // 'hash' , 'hash'
// base: '/moli/',
base: process.env.NODE_ENV === 'production' ? './' : '/', // './'
extendRoutes(routes, resolve) {
routes.push({
path: '/',
redirect: {
name: 'home'
}
})
}
},
以上のnuxt静態的な展開は包装の相対的なルートの操作を包装して小さくみんなのすべての内容に分かち合うので、みんなに1つの参考をあげることができることを望んで、みんながよけいに私達を支持することをも望みます。