欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue-cli打包后部署到子目錄下的路徑問(wèn)題說(shuō)明

 更新時(shí)間:2020年09月02日 08:39:15   作者:ryy6293  
這篇文章主要介紹了Vue-cli打包后部署到子目錄下的路徑問(wèn)題說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

默認(rèn)情況下以當(dāng)前域名為根目錄向下訪問(wèn)。

舉例,若需要部署到www.***.com/catalog1/catalog2/下,需要更改

1、config/index.js文件中,build下assetsPublicPath屬性為'/catalog1/catalog2/',如下:

build: {

assetsPublicPath: '/catalog1/catalog2/',

默認(rèn)情況下該值為'/'(該屬性目測(cè)是webpack打包時(shí)的文件引用路徑的基礎(chǔ)路徑)。

2、修改路由base屬性為'/catalog1/catalog2/',如下:

export default new Router({
 mode: 'history',
 base: '/catalog1/catalog2/',
 routes: [
 {
 path: '/',
 name: 'indexContent',
 component: indexContent
 }
 ]
})

其中mode設(shè)置為'history'可清除路徑中的#(本地測(cè)試有效)。

設(shè)置完成后重新打包。

補(bǔ)充知識(shí):vue-cli打包并配合nginx域名二級(jí)子目錄

可以修改三個(gè)配置

1.路由

const route = new Router({
mode : 'history',
base: '/admin/',
routes:[]
})

2.打包文件 config/index.js

build設(shè)置

assetsPublicPath: '/admin/',

3.nginx配置

try_files $uri $uri/ /admin/index.html;

4.項(xiàng)目目錄配置實(shí)例

項(xiàng)目路徑 web/admin/index.html

以上這篇Vue-cli打包后部署到子目錄下的路徑問(wèn)題說(shuō)明就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue實(shí)現(xiàn)驗(yàn)證用戶名是否可用

    vue實(shí)現(xiàn)驗(yàn)證用戶名是否可用

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)驗(yàn)證用戶名是否可用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • vue-router懶加載的3種方式匯總

    vue-router懶加載的3種方式匯總

    這篇文章主要給大家介紹了關(guān)于vue-router懶加載的3種方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • vue 每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法

    vue 每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法

    下面小編就為大家分享一篇vue 每次渲染完頁(yè)面后div的滾動(dòng)條保持在最底部的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03
  • Vue全局監(jiān)測(cè)錯(cuò)誤并生成錯(cuò)誤日志實(shí)現(xiàn)方法介紹

    Vue全局監(jiān)測(cè)錯(cuò)誤并生成錯(cuò)誤日志實(shí)現(xiàn)方法介紹

    在做完一個(gè)項(xiàng)目后,之后的維護(hù)尤為重要。這時(shí),如果項(xiàng)目配置了錯(cuò)誤日志記錄,這樣能大大減少維護(hù)難度。雖然不一定能捕獲到全部的錯(cuò)誤,但是一般的錯(cuò)誤還是可以監(jiān)測(cè)到的。這樣就不用測(cè)試人員去一遍一遍復(fù)現(xiàn)bug了
    2022-10-10
  • vue+Element實(shí)現(xiàn)搜索關(guān)鍵字高亮功能

    vue+Element實(shí)現(xiàn)搜索關(guān)鍵字高亮功能

    這篇文章主要為大家詳細(xì)介紹了vue+Element實(shí)現(xiàn)搜索關(guān)鍵字高亮功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 基于Vue2.X的路由和鉤子函數(shù)詳解

    基于Vue2.X的路由和鉤子函數(shù)詳解

    下面小編就為大家分享一篇基于Vue2.X的路由和鉤子函數(shù)詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02
  • Vue中通過(guò)vue-router實(shí)現(xiàn)命名視圖的問(wèn)題

    Vue中通過(guò)vue-router實(shí)現(xiàn)命名視圖的問(wèn)題

    這篇文章主要介紹了在Vue中通過(guò)vue-router實(shí)現(xiàn)命名視圖,本文給大家提到了vue-router的原理解析,給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-04-04
  • vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作詳解

    vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作詳解

    這篇文章主要介紹了vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作,結(jié)合實(shí)例形式較為詳細(xì)的分析了vue.js前后端數(shù)據(jù)交互相關(guān)的表單結(jié)構(gòu)、約束規(guī)則、數(shù)據(jù)提交等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
    2018-04-04
  • 結(jié)合Vue控制字符和字節(jié)的顯示個(gè)數(shù)的示例

    結(jié)合Vue控制字符和字節(jié)的顯示個(gè)數(shù)的示例

    這篇文章主要介紹了結(jié)合Vue控制字符和字節(jié)的顯示個(gè)數(shù)的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-05-05
  • vue2.0 keep-alive最佳實(shí)踐

    vue2.0 keep-alive最佳實(shí)踐

    這篇文章主要為大家詳細(xì)介紹了vue2.0 keep-alive的最佳實(shí)踐,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07

最新評(píng)論