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 Project所需的文件！

我想要的

可以在htdocs/vue-project/中启动项目的任何内容。将接受在Vue / Webpack中配置任何设置或从XAMPP本身进行配置的任何答案。如果您需要其他信息，请在评论部分中询问。

如果事实证明没有其他方法，那么我将接受有关XAMPP配置的答案，有关如何在不同目录中启动服务器。就像在htdocs中启动服务器一样，other-file也很好。

Answer 1

对于3.x之前的Vue CLI

尝试更改assetsPublicPath中build对象下的config/index.js。然后在其中附加您的文件夹名称。可能有助于https://forum.vuejs.org/t/vue-js-webpack-deployment-for-xaamp-testing/28970

的类似问题

如果使用vue-router，则添加ROUTER_BASE。 https://router.vuejs.org/en/api/options.html#base

对于Vue CLI 3

在vue项目中创建vue.config.js
在其中只需添加以下内容

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

有关更多信息，请参阅此文档https://cli.vuejs.org/config/#publicpath

在XAMPP上使用Vue CLI 3

1 个答案: