vue實現(xiàn)打包添加二級目錄
vue打包添加二級目錄
找到config下面的index.js文件
在build中修改assetsSubDirectory這行static前面就是你要添加的二級目錄的名稱
打包后你會發(fā)現(xiàn)http://127.0.0.1:8080訪問不到加上新添加的二級目錄
http://127.0.0.1:8080/cc0/owe也不行
原因就是owe文件下缺少index.html文件
把根目錄下的index文件復制到owe下面就ok了
*注意 每次打包項目后都要重新復制index.html到owe文件下
打包vue 項目到非根目錄（二級目錄），打包到根目錄圖片空白
需求-打包項目之后再http://www.pcweb.com/wt/web，http://www.pcweb.com/wt/cms展示網(wǎng)站
由于有二個項目 實現(xiàn)的時候有部分的區(qū)別 總體不是很大
首先
1、由于不是根目錄打包，所以需要進一步改動配置文件
router文件中index.js 添加base:’/wt/web’根據(jù)自己的需要進行配置
2、由于我這邊一個項目包含了移動和pc兩端的代碼 所以根據(jù)屏幕跳轉(zhuǎn)到不同的頁面 也要加上‘、wt/web’不然無法找到路徑
3、項目中img的路徑最好不用使用‘/static’ 類似如此的絕對路徑 使用會報出圖片404 找不到該路徑
其次
這是普通的vue項目 進行打包到http://www.pcweb.com/wt/cms
1、修改vue.config.js publicPath:’/wt/cms’
2、router文件中index.js 加入base：‘/wt/cms/’
如果是正常的根目錄打包 如http://www.pcweb.com/
1、router文件 index.js 不需要配置base
2、vue.config.js publicPath:’./'即可
3、如果有部分圖片不顯示 修改build 中utils.js___ publicPath: ‘…/…/’
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue-router路由跳轉(zhuǎn)問題 replace
這篇文章主要介紹了vue-router路由跳轉(zhuǎn)問題 replace，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
在本篇文章中小編給大家整理的是一篇關于vue-devtools安裝使用的相關知識點內(nèi)容，有需要的朋友們可以學習下。2019-10-10
這篇文章主要為大家詳細介紹了vue+iview實現(xiàn)手機號分段輸入框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
利用vue3+threejs仿iView官網(wǎng)大波浪特效實例
最近好幾個vue項目都是用ivew作為UI框架,所以下面這篇文章主要給大家介紹了關于如何利用vue3?+?threejs仿iView官網(wǎng)大波浪特效的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2021-12-12
這篇文章主要介紹了TypeScript踩坑之TS7053的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue動態(tài)路由匹配和路由懶加載,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
本文主要介紹了element 穿梭框性能優(yōu)化，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
vue的ElementUI form表單如何給label屬性字符串中添加空白占位符
這篇文章主要介紹了vue的ElementUI form表單如何給label屬性字符串中添加空白占位符問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了詳解Vue3?中的計算屬性及偵聽器，文章圍繞主題的相關資料展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以看下一下2022-08-08
開發(fā)項目有一段時間了,隨著項目越來越大,打包的時間也相應的變長了,打包時的內(nèi)存也增多了,這時候產(chǎn)生了一個問題,在發(fā)布項目的時候,會出現(xiàn)Vue熱更新出現(xiàn)內(nèi)存溢出的問題,所以本文給大家介紹了Vue熱更新出現(xiàn)內(nèi)存溢出的解決方法,需要的朋友可以參考下2024-05-05