Vue.js Build 不适用于 npm run build

Question

我正在尝试获取用于生产的 vue.js 源代码。我使用了这个命令 npm run build。我有一个包含 index.html 的 dist 文件夹和一个包含所有 css 和 js 的名为 static 的文件夹。

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

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

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