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



运行npm run serve后,它会给出一个类似http://localhost:8080的地址,并且它可以工作,该地址针对本地服务器的根文件夹,但我的项目存在另一个类似于http://localhost/vue的文件夹

我的问题是地址http://localhost:8080是如何工作的,实际的index.html在哪里?由于我的实际项目放在localhost/vue文件夹中!地址应该是http://localhost/vue

我想您对使用serve时后台发生的事情有点困惑。

当你运行命令npm run serve时,你的项目是由Webpack构建的,然后";"已送达";通过本地http服务器。此服务器正在使用项目的生成文件夹作为其根目录。

您似乎已经根据此处的评论创建了一个名为localhost的文件夹。CCD_ 9不是名为"CCD_;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选择项目文件夹中的文件夹CCD15。

示例:您的项目文件夹具有以下路径:C:UsersAdminDocumentsmyProject

当您在该文件夹中运行npm run serve时,vue-http服务器将提供(托管(文件夹C:UsersAdminDocumentsmyProjectdist

这意味着http://localhost == C:UsersAdminDocumentsmyProjectdistindex.html

但是,如果您的目标是让您的项目作为:http://localhost/my-custom-sub-folder

您必须为您的vue项目编辑vue.config.js,方法是添加:publicPath

vue.config.js示例:

module.exports = {
publicPath: '/my-custom-sub-folder',
};

默认情况下,index.html文件应该放在项目的根目录下的"公共";文件夹

最新更新