Vue是一款流行的JavaScript框架，使用Vue開發的應用程序可以打包成可執行文件（EXE）并在Windows系統上運行。在Vue應用程序中，獲取URL的方法有多種。下面將介紹其中的一種方法，即使用Electron打包Vue應用程序并獲取URL。
Electron是一個基于Chromium和Node.js構建的桌將url打包成exe面應用程序框架，可以將Web應用程序打包成桌面應用程序。在Electron中，可以使用Node.js的模塊系統和API，因此可以方便地獲取URL。
首先，需要使用Vue CLI創建一個Vue項目。在Vue項目中，可以使用vue-router來管理URL。vue-router是Vue官方的路由管理庫，可以方便地實現SPA（Single Page Application）。
在Vue項目中，需要安裝electron-builder和electron。electron-builder是一個打包工具，可以將Electron應用程序打包成可執行文件。electron是Electron的核心模塊，提供了Electron應用程序中的底層API。
在Vue項目的根目錄下，執行以下命令安裝electron-builder和electron：
“`
npm install electron-builder –save-dev
npm install electron –save-dev
“`
在Vue項目的根目錄下，創建一個electron.js文件。在electron.js文件中，使用以下代碼創建一個Electron應用程序：
“`
const { app, BrowserWindow } = require(‘electron’)
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
win.loadURL(‘http://localhost:8080’)
}
app.whenReady().then(() => {
createWindow()
app.on(‘activate’, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
“`
在上面的代碼中，使用BrowserWindow模塊創建一個窗口，并加載Vue應用程序的URL。在createWindow函數中，使用win.loadURL方法加載Vue應用程序的URL。在app.whenReady方法中，創建窗口并加載URL。在app.on(‘activate’)方法中，如果窗口已經關閉，則重新創建窗口。在app.on(‘window-all-closed’)方法中，如果所有窗口都已關閉，則退出應用程序。
在Vue項目的根目錄下，創建一個electron-builder.yml文件。在electron-builder.yml文件中，使用以下代碼配置Electron應用程序的打包選項：
“`
appId: com.example.myapp
productName: My App
directories:
output: dist
files:
– dist/**/*
– node_modules/**/*
– package.json
– electron.js
– vue.config.js
electronVersion: 14.0.0
“`
在上面的代碼中，使用appId指定應用程序的ID，使用productName指定應用程序的名稱，使用directories.output指定打包輸出目錄，使用files指定需要打包的文件和目錄，使用electronVersion指定Electron的版本號。
在Vue項目的根目錄下，執行以下命令打包Electron應用程序：
“`
npm run build
npm run electron:build
“`
在上面的命令中，先執行npm run build命令打包Vue應用程序，然后執行npm run electron:build命令打包Electron應用
