vue項目,訪問打包后的項目,輸入路徑后,頁面加載空白。這時會有兩類問題,都是路徑問題。
1.一個是css,js,ico等文件加載不到,是目錄里少了dist
打開頁面時一片空白
解決辦法:
config/index.js文件的build->assetsPublicPath的默認值改為 './'
assetsPublicPath:資源的根目錄。這個是通過http服務器運行的url路徑。因為webapp和static中間還有層dist,所以要用'./'
2.另一個就是單純的在背景圖使用相對路徑導致加載不到圖片
例如登錄頁面的背景圖設置
我的目錄結構是這樣的,
頁的時候沒發使用@/../static 只能使用../../../static
這個時候,打包過后的登陸頁面引用圖片路徑錯誤,多了一個/static/css
解決辦法:
build/utils.js文件的ExtractTextPlugin.extract=>新增 publicPath:"../../"
publicPath:重寫該加載器(loader) css 的 publicPath
的設置