一、分析為什么將vue打包后的文件放到二級目錄頁面會是空白?
首先,假設這樣一個情景,我們想www.domain.com/yunnan二級目錄來訪問我們的頁面。
然后,在沒有做任何配置下,打包的文件扔到yunnan下;
此時目錄結構如下:
/www
|-----/yunnan
|-----assets
|-----index.html
我們頁面訪問是空白的原因就是因為打包后的文件是從根目錄開始找的,也就是會在www下面去找資源文件,
而我們的資源文件是在yunnan文件夾中。
二、解決辦法
解決步驟很簡單:
step1:在vue.config.js中配置生產環境下的baseUrl
配置publicPath目的:當成一個虛擬目錄,其實就是在資源前面加一個目錄。
step2:配置路由的base
配置base的目的就是讓所有資源通過這個路徑來訪問。默認是/
配置完成之后: