在XAMPP使用Vue的CLI 3

Question

一些背景知识..

正如https://forum.vuejs.org/t/how-to-make-webpack-vue-work-on-xampp/33808前面提到的。当我把我的Vue公司的项目直接在这样的htdocs它的工作原理。

 htdocs/
  | - css/
  | - js/
  | etc..

不过我用不同的看法，这里的在htdocs我现在的文件结构。

htdocs/
 | - project1/
 |    | - css/
 |    | - some other stuff for project1
 | - project2/
 |    | - css/
 |    | - some other stuff for project2
 | - vue-project/ (Where I wanted my Vue went to)
 |    | - css/
 |    | - stuff..

当我把我的VUE项目dist/直接htdocs/vue-project我得到的错误是404，因为他们直接回到了根文件（根htdocs/），其中未找到所需的文件，启动Vue的项目！

我想要的东西

凡是可以在htdocs/vue-project/启动这个项目。会接受任何答案配置在Vue公司/ OR的WebPack从XAMPP本身既设置。如果您需要更多信息，请不要问在评论部分。

如果事实证明有没有别的办法，那么我会接受涉及如何在不同的目录中启动服务器XAMPP配置答案。就像开始htdocs的服务器，并且other-file将是巨大的，以及。

Answer 1

对于Vue的CLI 3.x的前

尝试在assetsPublicPath build对象在不断变化的config/index.js。再就是附加您的文件夹名称。 Similiar问题，这可能有助于https://forum.vuejs.org/t/vue-js-webpack-deployment-for-xaamp-testing/28970

而如果使用VUE路由器再加入ROUTER_BASE。 https://router.vuejs.org/en/api/options.html#base

对于CLI查看3

1. 您的VUE项目中创建vue.config.js
2. 它里面简单地添加以下

module.exports = {
    publicPath: "/{path-to-your-vue-project}"
}

欲了解更多信息，请参阅本文档https://cli.vuejs.org/config/#publicpath