javascript - vue.js cli 命令 "npm run serve"是如何工作的

标签 javascript node.js vue.js vuejs2

运行后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/

相关文章:

javascript - 为什么当我传递带有前导零的字符串时 parseInt() 会返回意外结果?

javascript - 将表单元格值用于 javascript 而不是 <td class>

vue.js - Vue3 - 组合函数与从 'module' 导入 { functionObject }

vue.js - VueJs 本地资源路径

javascript - 当 Redux reducer 访问外部文件的默认状态时,使 Redux reducer 变得纯粹

javascript - React-router 和 iframe,浏览器历史记录

javascript - 你能检查未实例化的 JS 对象的字段名称和类型吗?

vue.js - 收到vue_1.ref时如何使用uve-recaptcha-v3将Recaptcha v3与VueJS一起使用不是功能错误?

debugging - 在子进程上使用 Node.js 命令行调试器?

c# - NodeJS 中是否有任何 C# GetAwaiter 等效项