Vue CLI是一個主流的Vue.js開發腳手架工具，用于創建和管理Vue.js項目。其中一個重要的功能是可以使用pathrewrite（路徑重寫）來自定義項目的路由。在本文中，我們將探討如何使用Vue CLI的pathrewrite功能。

首先，我們需要創建一個Vue.js項目。使用Vue CLI創建項目非常簡單。在命令行中輸入以下命令：

vue create my-project

這將創建一個名為my-project的Vue.js項目。接下來，我們需要在項目根目錄下創建一個vue.config.js文件。這個文件包含了我們的配置信息。

在vue.config.js文件中，我們可以定義pathrewrite選項。這個選項是一個對象，它包含了我們想要自定義的路由路徑。例如，我們可以將路由中的“/about”路徑重寫為“/company/about”。可以像下面這樣定義pathrewrite選項：

module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/my-project/'
: '/',
pathRewrite: {
'^/about': '/company/about'
}
}

在上面的代碼中，我們將“/about”路徑重寫為“/company/about”。如果我們從瀏覽器中訪問“/about”，則會重定向到“/company/about”。注意，我們使用正則表達式來匹配路由路徑，其中“^”表示以“/about”開頭。

另外，我們還可以定義多個pathrewrite匹配項，如下所示：

module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/my-project/'
: '/',
pathRewrite: {
'^/about': '/company/about',
'^/contact': '/company/contact'
}
}

上面的代碼中，我們定義了兩個匹配項。如果用戶訪問“/about”，則會重定向到“/company/about”，如果用戶訪問“/contact”，則會重定向到“/company/contact”。

總之，使用Vue CLI的pathrewrite功能可以幫助我們自定義項目的路由路徑。我們可以針對不同的場景使用不同的pathrewrite匹配項來實現自己的需求。