vue打包專案部署到二級目錄

2022-09-14 01:48:09 字數 795 閱讀 3237

一、分析為什麼將vue打包後的檔案放到二級目錄頁面會是空白?

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

然後,在沒有做任何配置下,打包的檔案扔到yunnan下;

此時目錄結構如下:

/www

|-----/yunnan

|-----assets

|-----index.html

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

而我們的資源檔案是在yunnan資料夾中。

二、解決辦法

解決步驟很簡單:

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

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

step2:配置路由的base

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

配置完成之後:

npm打包vue專案部署到nginx

1.build vue project,生成dist目錄 npm run buildstart nginx.exe3.訪問localhost 8082如下 4.nginx測試完畢,此時將我們專案構建後的dist目錄整個複製到nginx根目錄的html資料夾下 c users jalchu nginx...

vue被部署到子(二級)目錄

需求 有的時候,你的網域名稱很珍貴,除了二級網域名稱外。你還可以將你的專案部署在伺服器二級目錄下,這樣的話,就可以部署多個專案了。比如說,我有乙個網域名稱為dshvv.com的伺服器,我想部署兩個專案 12306專案 專案 問題 普通專案不會有問題,但是如果是單頁專案,而且單頁專案的路由用的是his...

vue專案部署前打包

vue專案打包上線之前要進行相應的配置,否則會存在路徑找不到,頁面出現空白的問題,現在做一下記錄 1 打包成功沒有報錯,但是開啟頁面顯示空白 解決 檔案位置 config目錄下index.js檔案更改assetspublicpath屬性 檔案裡面有兩個assetspublicpath屬性,也就是更改...