vue打包項目部署到二級目錄

1、分析爲何將vue打包後的文件放到二級目錄頁面會是空白？

首先，假設這樣一個情景，咱們想www.domain.com/yunnan二級目錄來訪問咱們的頁面。

而後，在沒有作任何配置下，打包的文件扔到yunnan下；

此時目錄結構以下：

/www

   |-----/yunnan

   　　　|-----assets

　　　   |-----index.html

咱們頁面訪問是空白的緣由就是由於打包後的文件是從根目錄開始找的，也就是會在www下面去找資源文件，

而咱們的資源文件是在yunnan文件夾中。

2、解決辦法

解決步驟很簡單：

step1：在vue.config.js中配置生產環境下的baseUrl

配置publicPath目的：當成一個虛擬目錄，其實就是在資源前面加一個目錄。

step2：配置路由的base

配置base的目的就是讓全部資源經過這個路徑來訪問。默認是/

 配置完成以後：