亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue cli3.x打包后如何修改生成的靜態(tài)資源的目錄和路徑

 更新時(shí)間:2022年04月02日 12:10:45   作者:..Leo..  
這篇文章主要介紹了vue cli3.x打包后如何修改生成的靜態(tài)資源的目錄和路徑,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue cli3.x打包后修改生成的靜態(tài)資源的目錄和路徑

在vue cli 2.x版本修改目錄和路徑,都在'/config/index'文件里修改。

但是vue cli升級(jí)成3.x發(fā)現(xiàn)這些文件都不見(jiàn)啦,就一個(gè)'vue.config.js'文件,我們可以在這里修改:

`module.exports = {
? // 沒(méi)有書(shū)寫outputDir屬性 ? 默認(rèn)'dist' ?對(duì)應(yīng)dev.assetsSubDirectory.
? outputDir: 'static',
??
? // 沒(méi)有書(shū)寫baseUrl屬性 ? 默認(rèn)'/' ?對(duì)應(yīng)dev.assetsPublicPath.
? // 從 Vue CLI 3.3 起baseUrl已棄用,請(qǐng)使用publicPath.
? baseUrl: '/' ?
}`

因?yàn)闃I(yè)務(wù)需求,需要把打包好的css和js文件放到阿里云的oss服務(wù)器上。

剛開(kāi)始baseUrl寫上域名即可。

過(guò)了幾天發(fā)現(xiàn)本地起服務(wù)器的時(shí)候,會(huì)把這個(gè)baseUrl拼在本地地址后面導(dǎo)致頁(yè)面報(bào)錯(cuò)

解決方法: 

baseUrl: process.env.NODE_ENV === 'production' ? '你的域名' : '/'

vue3.3打包后,路徑出錯(cuò)問(wèn)題

由于3.3廢棄baseUrl了,所以不能設(shè)置baseUrl

module.exports = {
? publicPath: '/dist/',
? outputDir: 'dist',
? assetsDir: 'static',
? lintOnSave: true,
? productionSourceMap: false,
? devServer: {?
? }?
}

請(qǐng)?jiān)O(shè)置vue.config.js里面的publicPath,outputDir 

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。 

相關(guān)文章

  • Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作

    Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作

    這篇文章主要介紹了Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-07-07
  • 淺談Vue?DIFF

    淺談Vue?DIFF

    本文主要介紹了淺談Vue?DIFF,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-05-05
  • Vue中關(guān)于computed計(jì)算屬性的妙用

    Vue中關(guān)于computed計(jì)算屬性的妙用

    這篇文章主要介紹了Vue中關(guān)于computed計(jì)算屬性的妙用,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-11-11
  • vite.config配置alias Error: ENOTEMPTY: directory not empty, rmdir

    vite.config配置alias Error: ENOTEMPTY: director

    這篇文章主要為大家介紹了vite.config配置alias時(shí)報(bào)錯(cuò):Error: ENOTEMPTY: directory not empty, rmdir解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-06-06
  • vue使用watch 觀察路由變化,重新獲取內(nèi)容

    vue使用watch 觀察路由變化,重新獲取內(nèi)容

    本篇文章主要介紹了vue使用watch 觀察路由變化,重新獲取內(nèi)容 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。
    2017-03-03
  • 基于vue2實(shí)現(xiàn)一個(gè)日歷組件

    基于vue2實(shí)現(xiàn)一個(gè)日歷組件

    最近在做一個(gè)類似課程表的需求,需要自制一個(gè)日歷來(lái)支持功能及展現(xiàn),就順便研究一下應(yīng)該怎么開(kāi)發(fā)日歷組件,下面這篇文章主要給大家介紹了關(guān)于如何基于vue2實(shí)現(xiàn)一個(gè)日歷組件的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • vue如何實(shí)現(xiàn)接口統(tǒng)一管理

    vue如何實(shí)現(xiàn)接口統(tǒng)一管理

    這篇文章主要介紹了vue如何實(shí)現(xiàn)接口統(tǒng)一管理,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • Vuejs第十篇之vuejs父子組件通信

    Vuejs第十篇之vuejs父子組件通信

    這篇文章主要介紹了Vuejs第十篇之vuejs父子組件通信的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • Vue?$event作為參數(shù)傳遞使用demo

    Vue?$event作為參數(shù)傳遞使用demo

    這篇文章主要介紹了Vue?$event作為參數(shù)傳遞使用demo詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • vue中el-tree增加節(jié)點(diǎn)后如何重新刷新

    vue中el-tree增加節(jié)點(diǎn)后如何重新刷新

    這篇文章主要介紹了vue中el-tree增加節(jié)點(diǎn)后如何重新刷新,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08

最新評(píng)論