Vue CLI是一個官方發布的用于快速搭建Vue項目的腳手架工具，可以幫助我們快速創建Vue項目并且管理其各種依賴。Vue CLI默認使用的是localhost:8080作為項目的訪問路徑，但是實際項目中經常需要使用自定義的域名來進行訪問。下面我們就來詳細了解一下如何在Vue CLI項目中修改域名。

第一步，我們需要在項目的根目錄下新建一個.env.development文件，用于存放我們自定義的環境變量。然后在這個文件中添加如下代碼：

DEV_SERVER_PUBLIC: my.custom.domain

以上代碼的含義是將開發環境的訪問路徑修改為my.custom.domain。在這里，我們需要注意的是，如果我們想要在本地電腦上使用這個自定義的域名，我們需要將它加入到hosts文件中。

第二步，我們需要在項目的src目錄下新建一個vue.config.js文件，用于進行Vue項目的配置。然后在這個文件中添加如下代碼：

module.exports = {
devServer: {
public: process.env.DEV_SERVER_PUBLIC
}
}

以上代碼的含義是將Vue項目的開發服務器的訪問路徑修改為DEV_SERVER_PUBLIC環境變量中定義的自定義域名。然后我們可以通過運行npm run serve來啟動項目，訪問http://my.custom.domain:8080即可進入項目。

如果我們需要在Vue CLI項目的生產環境中修改域名，我們需要在項目的根目錄下的vue.config.js文件中添加如下代碼：

module.exports = {
publicPath: 'my.custom.domain'
}

以上代碼的含義是將項目的生產環境的訪問路徑修改為my.custom.domain。然后我們可以通過運行npm run build來進行打包，并將打包后的文件部署到服務器上，訪問http://my.custom.domain即可進入項目。

總結來說，修改Vue CLI項目的訪問路徑需要分別在.env.development文件和vue.config.js文件中進行修改。我們可以根據需要來修改開發環境和生產環境的訪問路徑，并通過hosts文件來在本地電腦上使用自定義的域名進行訪問。以上就是關于Vue CLI修改域名的詳細介紹，希望對大家有所幫助。