vue cli3.x打包后如何修改生成的靜態(tài)資源的目錄和路徑
更新時間：2022年04月02日 12:10:45 作者：..Leo..
這篇文章主要介紹了vue cli3.x打包后如何修改生成的靜態(tài)資源的目錄和路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue cli3.x打包后修改生成的靜態(tài)資源的目錄和路徑
在vue cli 2.x版本修改目錄和路徑，都在'/config/index'文件里修改。
但是vue cli升級成3.x發(fā)現(xiàn)這些文件都不見啦，就一個'vue.config.js'文件，我們可以在這里修改:
`module.exports = {
? // 沒有書寫outputDir屬性 ? 默認'dist' ?對應(yīng)dev.assetsSubDirectory.
? outputDir: 'static',
??
? // 沒有書寫baseUrl屬性 ? 默認'/' ?對應(yīng)dev.assetsPublicPath.
? // 從 Vue CLI 3.3 起baseUrl已棄用，請使用publicPath.
? baseUrl: '/' ?
}`因為業(yè)務(wù)需求，需要把打包好的css和js文件放到阿里云的oss服務(wù)器上。
剛開始baseUrl寫上域名即可。
過了幾天發(fā)現(xiàn)本地起服務(wù)器的時候，會把這個baseUrl拼在本地地址后面導(dǎo)致頁面報錯
解決方法：
baseUrl: process.env.NODE_ENV === 'production' ? '你的域名' : '/'
vue3.3打包后,路徑出錯問題
由于3.3廢棄baseUrl了，所以不能設(shè)置baseUrl
module.exports = {
? publicPath: '/dist/',
? outputDir: 'dist',
? assetsDir: 'static',
? lintOnSave: true,
? productionSourceMap: false,
? devServer: {?
? }?
}請設(shè)置vue.config.js里面的publicPath，outputDir
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作
這篇文章主要介紹了Vue切換組件實現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
本文主要介紹了淺談Vue?DIFF，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
這篇文章主要介紹了Vue中關(guān)于computed計算屬性的妙用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
vite.config配置alias Error: ENOTEMPTY: director
這篇文章主要為大家介紹了vite.config配置alias時報錯：Error: ENOTEMPTY: directory not empty, rmdir解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
本篇文章主要介紹了vue使用watch 觀察路由變化，重新獲取內(nèi)容 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
最近在做一個類似課程表的需求,需要自制一個日歷來支持功能及展現(xiàn),就順便研究一下應(yīng)該怎么開發(fā)日歷組件,下面這篇文章主要給大家介紹了關(guān)于如何基于vue2實現(xiàn)一個日歷組件的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue如何實現(xiàn)接口統(tǒng)一管理，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vuejs第十篇之vuejs父子組件通信的相關(guān)資料,本文介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了Vue?$event作為參數(shù)傳遞使用demo詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了vue中el-tree增加節(jié)點后如何重新刷新，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08