vuejs2 - 在 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，因为它们直接返回到根文件( root 为 htdocs/)，其中找不到启动 Vue 项目所需的文件!

我想要什么

任何可以在 htdocs/vue-project/ 中启动项目的内容。接受配置 Vue/Webpack 中的设置或来自 XAMPP 本身的任何答案。如果您需要更多信息，请在评论部分提问。

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

Answer 1

对于 3.x 之前的 Vue CLI

尝试更改 config/index.js 中 build 对象下的 assetsPublicPath。然后在此处附加您的文件夹名称。类似的问题可能有帮助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

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

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

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