亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue.js cli 命令“npm run serve”如何工作

vue.js cli 命令“npm run serve”如何工作

滄海一幻覺 2023-05-11 16:59:22
運行后npm run serve它給出了一個地址http://localhost:8080并且它有效,這個地址是針對本地服務器的根文件夾但我的項目存在另一個文件夾http://localhost/vue我的問題是地址是如何http://localhost:8080工作的,實際地址在哪里index.html?由于我的實際項目放在localhost/vue文件夾中!地址應該是 http://localhost/vue
查看完整描述

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',
};


查看完整回答
反對 回復 2023-05-11
?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

index.html 文件應該默認放置在項目根目錄下的“public”文件夾中



查看完整回答
反對 回復 2023-05-11
  • 2 回答
  • 0 關注
  • 217 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號