nuxt靜態(tài)部署打包相對路徑操作
更新時間：2020年11月06日 10:37:05 作者：山中經(jīng)
這篇文章主要介紹了nuxt靜態(tài)部署打包相對路徑操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
以往在nuxt項目中，打包靜態(tài)化部署的的文件如下：
路徑為絕對路徑，當(dāng)項目的域名為二級域名的時候，就不能打包為這絕對路徑了。
nuxt不同于vue項目，思索了許久，終于找到了配置的地方：
nuxt項目中 nuxt.config.js ：
module.exports = {
router: {
base: './'
}
}
打包后的文件：
補充知識：nginx部署，nuxt靜態(tài)部署，路由跳轉(zhuǎn)失效的問題
nuxt靜態(tài)部署問題
靜態(tài)部署：路由模式跳轉(zhuǎn)失效的問題；不能使用歷史模式，需要使用 ‘hash' 模式，再進行打包 ‘npm run generate'
文件:nuxt.config.js
// 自定義配置路由
router: {
mode: 'hash', // 使用 'hash' 主要是為了適配以相對路徑打開的靜態(tài)站點， 必須使用 'hash' 否則路由跳轉(zhuǎn)不生效
// base: '/moli/',
base: process.env.NODE_ENV === 'production' ? './' : '/', // 使用 './' 主要是為了適配以相對路徑打開的靜態(tài)站點
extendRoutes(routes, resolve) {
routes.push({
path: '/',
redirect: {
name: 'home'
}
})
}
},
以上這篇nuxt靜態(tài)部署打包相對路徑操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue計算屬性實現(xiàn)成績單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue3通過hooks方式封裝節(jié)流和防抖的代碼詳解
vue3 中的 hooks 就是函數(shù)的一種寫法,就是將文件的一些單獨功能的js代碼進行抽離出來,放到單獨的js文件中,或者說是一些可以復(fù)用的公共方法/功能,本文給大家介紹了Vue3通過hooks方式封裝節(jié)流和防抖,需要的朋友可以參考下2024-10-10
less是css預(yù)處理器,對原先css進行了擴展和補充,下面這篇文章主要給大家介紹了關(guān)于vue2中l(wèi)ess的安裝以及使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
利用vue+elementUI實現(xiàn)部分引入組件的方法詳解
這篇文章主要給大家介紹了關(guān)于利用vue+elementUI實現(xiàn)部分引入組件的相關(guān)資料，以及介紹了vue引入elementUI報錯的解決方法，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
這篇文章主要介紹了vue+axios+promise實際開發(fā)用法詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了vue項目打包后proxyTable代理失效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。2023-05-05
class 與 style 綁定就是專門用來實現(xiàn)動態(tài)樣式效果的技術(shù),如果需要動態(tài)綁定 class 或 style 樣式,可以使用 v-bind 綁定,本文給大家講解Vue 綁定style和class樣式,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了Vue.js 中 axios 跨域訪問錯誤問題及解決方法，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-11-11
VUE2響應(yīng)式原理使用Object.defineProperty缺點
這篇文章主要為大家介紹了VUE2響應(yīng)式原理使用Object.defineProperty缺點示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了vue配置代理服務(wù)器proxy 多種方法,本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07