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


一、分析為什么將vue打包后的文件放到二級目錄頁面會是空白?

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

然后,在沒有做任何配置下,打包的文件扔到yunnan下;

此時目錄結構如下:

/www

   |-----/yunnan

      |-----assets

      |-----index.html

我們頁面訪問是空白的原因就是因為打包后的文件是從根目錄開始找的,也就是會在www下面去找資源文件,

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

二、解決辦法

解決步驟很簡單:

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

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

step2:配置路由的base

配置base的目的就是讓所有資源通過這個路徑來訪問。默認是/

 配置完成之后:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM