Vue.js Build 不适用于 npm run build

Question

我正在尝试获取用于生产的 vue.js 源代码。我使用了这个命令 npm run build 。 I got a dist folder with index.html and a folder named static with all css and js .

当我尝试在本地主机（ 即 xampp 服务器）中运行 index.html 时，我得到了一个空白页。

vue.js 是否可以在 xampp 中运行。

原文由 Omsun Kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

首先在项目根目录中创建 vue.config.js 文件，并使用以下代码在其中定义基本 url

 module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

如果您使用 Vue CLI 3.3 或更高版本，请使用

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ?
      '/production-sub-path/' :
      '/'
}

将 production-sub-path 替换为您的文件夹名称……例如。 http://www.example.com/production-sub-path/ … 并运行以下命令来构建项目

npm run build

完成构建后…将 dist 文件夹中的所有文件复制/上传到您的 /production-sub-path/ 文件夹…就是这样

有关更多信息，请查看官方文档 https://cli.vuejs.org/guide/deployment.html#general-guidelines

原文由 Sabeer 发布，翻译遵循 CC BY-SA 4.0 许可协议