运行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文件应该放在项目的根目录下的"公共";文件夹