小謝第29問：Vue項目打包部署到服務器上，調接口就報js，css 文件404

1、publicPath路徑的問題，先看下build之后的包確認下是不是publicPath路徑配置的原因，有沒有static這個文件夾，以及這個文件夾下邊有沒有這些404的js和css

2、history模式需要配置nginx支持

3、在dev環境下測試沒有問題，但是npm run build后圖片的路徑找不到，對於圖片路徑的設置，只可以有以下三種方式

 

1，vue里的img訪問的路徑是一個固定的字符串，這種采用相對路徑../../xxx/../static 找到static的圖片路徑

<img src="../../../static/images/i-logo.png" alt="">

　　

2，,vue里的img訪問的路徑是一個從網絡獲取的字符串，這種不會經過webpack的url-loader處理的應采用當前路徑./static 找到static的圖片路徑

{"name": "視圖庫", "icon": "./static/app-portal-baseui/images/i-app1.png", "id": "shituku","url": "http://172.16.64.211:8080/#/dashboardManage?token=111",
   "fields":[
      {"name":"openMode","description":"tab"}
   ]
},

　　

 

3，scss的背景圖片，這種是static/theme/light/index.scss相對與static的路徑，所以直接寫成 ../../../static即可，一定是三個 ../

background: url("../../../static/app-portal-baseui/images/tech-qh-bg.png") no-repeat;

　　

 

對scss中的圖片路徑， 如果scss文件的層級較深，直接寫路徑編輯前會提示錯誤（運行其實不會報錯），可以在common/var.scss中定義一個圖片的變量，然后在scss使用變量即可