在子目录中部署带有IIS的vue.js应用程序，而无需重建

Question

我想使用IIS部署一个vue.js应用程序。我们需要使用子文件夹，并且相同的应用程序将出现在不同的子文件夹中，如

/application-dev
/application-qa
/application-production

可以使用在构建时设置路径

module.exports = {
publicPath: '/application-dev'
}

但是，我如何在部署时设置此项，以便在不重新构建的情况下将应用程序放置在任何子文件夹中？

Answer 1

我想这可能是一个解决方案

module.exports = {
publicPath: process.env.PATH,
}

对于每种环境，你都会使用不同的.env示例：

• .env//local-dev

• .env.dev//application-dev

• .env.qa//应用程序qa

• .env.prod//应用程序生产

因此，对于每个版本，都会有一个不同的环境，对于连接到环境的每个分支，可能会有不同的CI

Answer 2

您可以编辑vue.config.js文件：

module.exports = {
publicPath: sub-directory
};

或根据NODE_ENV:

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

有关更多详细信息，请参阅下面的链接：

https://cli.vuejs.org/config/#baseurl