關於將打包后的項目文件不放在根目錄下
有時候，我們總是需要這樣的設置：希望將打包后的文件放在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多頁面系列的其他博客鏈接：