在XAMPP上使用Vue CLI 3

伊凡迪·吉普(Irfandy Jip)

一点背景

如之前在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..

dist/我的Vue项目直接放入时遇到的错误htdocs/vue-project是404,因为它们直接返回到根文件(root是htdocs/),在该根文件中找不到启动Vue项目所需的文件!

我想要什么

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

而且,如果没有其他方法,那么我将接受有关XAMPP配置的答案,以了解如何在不同目录中启动服务器。就像在中启动服务器一样htdocs,它other-file也很棒。

里迪

对于3.x之前的Vue CLI

尝试改变assetsPublicPathbuild的对象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

  1. vue.config.js在您的Vue项目中创建
  2. 在其中只需添加以下内容
module.exports = {
    publicPath: "/{path-to-your-vue-project}"
}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档