TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
我認(rèn)為您對(duì)使用服務(wù)時(shí)后臺(tái)發(fā)生的事情有些困惑。
當(dāng)您運(yùn)行命令時(shí)npm run serve，您的項(xiàng)目將由 Webpack 構(gòu)建，然后通過本地 http 服務(wù)器“提供”。該服務(wù)器正在使用您項(xiàng)目的構(gòu)建文件夾作為其根目錄。
您似乎已經(jīng)localhost根據(jù)此處的評(píng)論創(chuàng)建了一個(gè)名為 as 的文件夾。http://localhost不是您計(jì)算機(jī)中名為“l(fā)ocalhost”的文件夾。實(shí)際上，它只是您內(nèi)部 ip 的一個(gè)名稱：127.0.0.1。您可以通過轉(zhuǎn)到127.0.0.1:8080來測(cè)試它，看看它與http://localhost:8080相同
在程序方面，可以說如下： localhost == 127.0.0.1
順便說一下，您似乎還希望有一個(gè)名為 的子文件夾vue，因?yàn)檫@就是您localhost文件夾中的內(nèi)容。了解以上情況；http://localhost不是localhost您電腦上的文件夾。然而，它是 http 服務(wù)器選擇的文件夾，在這種情況下，vue 選擇/dist項(xiàng)目文件夾內(nèi)的文件夾。
示例：您的項(xiàng)目文件夾具有以下路徑：C:\Users\Admin\Documents\myProject
然后當(dāng)您在該文件夾中運(yùn)行時(shí)npm run serve，vue http-server 將為該文件夾提供服務(wù)（托管）C:\Users\Admin\Documents\myProject\dist
這意味著http://localhost == C:\Users\Admin\Documents\myProject\dist\index.html
但是，如果您的目標(biāo)是讓您的項(xiàng)目充當(dāng)：http://localhost/my-custom-sub-folder
您必須通過添加以下內(nèi)容來為您的 vue 項(xiàng)目編輯 vue.config.js：publicPath
vue.config.js 示例：
module.exports = {
publicPath: '/my-custom-sub-folder',
};
TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊
index.html 文件應(yīng)該默認(rèn)放置在項(xiàng)目根目錄下的“public”文件夾中
舉報(bào)