Vue-cli建立項目從單頁面到多頁面3-關於將打包後的項目文件不放在根目錄下

關於將打包後的項目文件不放在根目錄下

有時候，咱們老是須要這樣的設置：但願將打包後的文件放在a.b.com/somepath/這樣一個路徑下。

然而在vue-cli建立的項目中，默認的打包路徑中的靜態資源的訪問路徑是：a.b.com/a.js，咱們但願在html中的引用是a.b.com/somepath/a.js，咱們能夠在config/index.js中進行以下設置：

module.exports= {
  build: {
    assetsSubDirectory: '/somepath/'  // 用於設置靜態資源的引用前綴，至關於設置一個base路徑的做用，會將在頁面中引用的靜態資源，在域名和static（若是你將js、css、img等靜態資源打包到這個文件夾下的話）之間，加上你設置的值
  }
}

而咱們在本地開發時，若是但願本地訪問的路徑也加上/somepath/，就能夠在config/index.js中進行與build同樣的設置：

module.exports= {
  dev: {
    assetsSubDirectory: '/somepath/'  // 用於設置靜態資源的引用前綴，至關於設置一個base路徑的做用，會將在頁面中引用的靜態資源，在域名和static（若是你將js、css、img等靜態資源打包到這個文件夾下的話）之間，加上你設置的值
  }
}

個人vue多頁面系列的其餘博客連接：

Vue-cli建立項目從單頁面到多頁面

Vue-cli建立項目從單頁面到多頁面2-history模式

Vue-cli建立項目從單頁面到多頁面4 - 本地開發服務器設置代理