2 回答

TA貢獻1843條經驗 獲得超7個贊
我認為您對使用服務時后臺發生的事情有些困惑。
當您運行命令時npm run serve
,您的項目將由 Webpack 構建,然后通過本地 http 服務器“提供”。該服務器正在使用您項目的構建文件夾作為其根目錄。
您似乎已經localhost
根據此處的評論創建了一個名為 as 的文件夾。http://localhost
不是您計算機中名為“localhost”的文件夾。實際上,它只是您內部 ip 的一個名稱:127.0.0.1。您可以通過轉到127.0.0.1:8080來測試它,看看它與http://localhost:8080相同
在程序方面,可以說如下: localhost == 127.0.0.1
順便說一下,您似乎還希望有一個名為 的子文件夾vue
,因為這就是您localhost
文件夾中的內容。了解以上情況;http://localhost
不是localhost
您電腦上的文件夾。然而,它是 http 服務器選擇的文件夾,在這種情況下,vue 選擇/dist
項目文件夾內的文件夾。
示例:您的項目文件夾具有以下路徑:C:\Users\Admin\Documents\myProject
然后當您在該文件夾中運行時npm run serve
,vue http-server 將為該文件夾提供服務(托管)C:\Users\Admin\Documents\myProject\dist
這意味著http://localhost == C:\Users\Admin\Documents\myProject\dist\index.html
但是,如果您的目標是讓您的項目充當:http://localhost/my-custom-sub-folder
您必須通過添加以下內容來為您的 vue 項目編輯 vue.config.js:publicPath
vue.config.js 示例:
module.exports = { publicPath: '/my-custom-sub-folder', };
添加回答
舉報