Vue作為一款流行的前端框架,在開發過程中經常需要獲取當前文件夾路徑,以方便訪問相關資源或發送請求等。下面介紹幾種獲取當前文件夾路徑的方法。
第一種方法是通過window.location對象獲取當前頁面的URL,從中提取出當前文件夾路徑:
let folderPath = window.location.href.substring(0, window.location.href.lastIndexOf('/'));
上述代碼中,substring()方法用于截取URL字符串中的文件夾路徑部分,其中lastIndexOf()方法用于獲取最后一個斜杠字符的位置,從而得到當前文件夾路徑。
第二種方法是使用Vue的路由功能,通過$router對象的currentRoute屬性獲取當前路由信息,從中提取出當前文件夾路徑:
let folderPath = this.$router.currentRoute.path.substring(0, this.$router.currentRoute.path.lastIndexOf('/'));
上述代碼中,this指向Vue組件實例,$router對象則為路由器實例,在路由信息中可獲取到當前路由的路徑。
第三種方法是使用Node.js的path模塊,通過__dirname全局變量獲取當前文件夾路徑:
const path = require('path'); let folderPath = path.resolve(__dirname);
上述代碼中,path.resolve()方法用于將相對路徑轉化為絕對路徑,__dirname變量則表示當前文件所在的文件夾路徑。
通過以上三種方法,可以方便地獲取到當前文件夾路徑,方便后續操作。