运行后npm run serve
它给出了一个类似 http://localhost:8080
的地址并且有效,此地址针对本地服务器的根文件夹,但我的项目存在另一个文件夹,如 http://localhost/vue
我的问题是地址 http://localhost:8080
有效,实际 index.html
在哪里?由于我的实际项目放在 localhost/vue
文件夹!地址应该是 http://localhost/vue
最佳答案
我认为您在使用发球时对后台发生的事情有些困惑。
当你运行命令 npm run serve
,您的项目将由 Webpack 构建,然后通过本地 http-server “服务”。此服务器正在使用您项目的构建文件夹作为它的根目录。
您似乎创建了一个名为 localhost
的文件夹就像你在这里的评论一样。 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-server 选择的文件夹,在这种情况下,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',
};
关于javascript - vue.js cli 命令 "npm run serve"是如何工作的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64342233/