vue cli3.x打包后如何修改生成的靜態(tài)資源的目錄和路徑
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è)置操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07Vue中關(guān)于computed計(jì)算屬性的妙用
這篇文章主要介紹了Vue中關(guān)于computed計(jì)算屬性的妙用,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-11-11vite.config配置alias Error: ENOTEMPTY: director
這篇文章主要為大家介紹了vite.config配置alias時(shí)報(bào)錯(cuò):Error: ENOTEMPTY: directory not empty, rmdir解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06vue如何實(shí)現(xiàn)接口統(tǒng)一管理
這篇文章主要介紹了vue如何實(shí)現(xiàn)接口統(tǒng)一管理,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09vue中el-tree增加節(jié)點(diǎn)后如何重新刷新
這篇文章主要介紹了vue中el-tree增加節(jié)點(diǎn)后如何重新刷新,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08