nuxt靜態部署打包相對路徑操作
阿新 • • 發佈：2020-11-07
以往在nuxt專案中，打包靜態化部署的的檔案如下：
路徑為絕對路徑，當專案的域名為二級域名的時候，就不能打包為這絕對路徑了。
nuxt不同於vue專案，思索了許久，終於找到了配置的地方：
nuxt專案中 nuxt.config.js ：
module.exports = {
router: {
base: './'
}
}
打包後的檔案：
補充知識：nginx部署，nuxt靜態部署，路由跳轉失效的問題
nuxt靜態部署問題
靜態部署：路由模式跳轉失效的問題；不能使用歷史模式，需要使用 ‘hash' 模式，再進行打包 ‘npm run generate'
檔案:nuxt.config.js
// 自定義配置路由
router: {
mode: 'hash',// 使用 'hash' 主要是為了適配以相對路徑開啟的靜態站點， 必須使用 'hash' 否則路由跳轉不生效
// base: '/moli/',base: process.env.NODE_ENV === 'production' ? './' : '/',// 使用 './' 主要是為了適配以相對路徑開啟的靜態站點
extendRoutes(routes,resolve) {
routes.push({
path: '/',redirect: {
name: 'home'
}
})
}
},以上這篇nuxt靜態部署打包相對路徑操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。