vue+ elementUI 打包發布到服務器后，element-icons.woff文件404

問題場景1：js文件報404

原因：打包的項目靜態資源的路徑需要設置為絕對路徑。如果是相對路徑會出錯

解決辦法：修改config/index.js文件，將 assetsPublicPath修改為'./'　　 

    

問題場景2：element-icons.woff 文件 404

1.從下圖可以看到，使用url-loader處理后的文件是在static目錄下生成fonts目錄下的文件。全部樣式文件打包在css目錄下app.************.css文件中。  

2.打開app.******.css文件后，可以看到css中對字體的引入路徑

 

解決辦法：在build/utils文件中的下圖所示位置添加  publicPath:'../../'

 

這樣css文件中引入字體文件路徑時就會加上../../了。部署到服務器，靜態文件就不會報404了。