1、我在打包完成後,打開index.html文件發現地址並沒有攜帶路由。 config下的 index.js 中的build命令的配置有一個屬性叫assetsPublicPath,它的值為‘/’。意思是根目錄,這時會從index.html所在的硬碟的根目錄下開始查找,自然無法找到。 解決辦法: 改為 ...
1、我在打包完成後,打開index.html文件發現地址並沒有攜帶路由。
config下的 index.js 中的build命令的配置有一個屬性叫assetsPublicPath,它的值為‘/’。意思是根目錄,這時會從index.html所在的硬碟的根目錄下開始查找,自然無法找到。
解決辦法: 改為 ‘./ ’這時就不再是絕對路徑的根目錄了,而是改為了相對路徑,同目錄下進行查找。再次打包,頁面基本正常。
2、vue打包後CSS中引用的背景圖片不顯示問題
靜態資源的引用有兩種路徑:
絕對路徑:從盤符開始的路徑,如:C:\windows\system32\cmd.exe
相對路徑:從當前路徑開始的路徑
靜態資源都在static上面 ,如 app.css訪問static/img/’圖片名’是訪問錯誤的,因為在css目錄下並沒有static目錄。所以此時需要先回退兩層到根節點處才可以正確獲取到圖片('../../static/img/’圖片名');
解決的方法:打開build/utils.js,在圖中相應位置加入紅框內容,其中值可能會有不同,若不同,自己配置成相應的即可。