如何从 src\main.ts 测试 vue.config.js 中的设置？

Question

当您导航到该页面时，我正在修改我的 vue 应用程序以添加代码以强制从 http 重定向到 https。

（是的，知道在网络服务器中这样做更好，腰带和吊带）

if (location.protocol !== 'https:') {
  console.info('redirecting!')
  location.replace(`https:${location.href.substring(location.protocol.length)}`)
} else {
  console.info('not redirecting...')
}

但如果在 vue.config.js 中，我想跳过该代码

  devServer: {
    https: true, 

如果该设置更改为 false。

我怎样才能做到这一点？

Answer 1

Vue 编译的应用程序无法感知 vue.config.js 的内容，反之亦然。 这两部分都可以依赖于带有VUE_前缀的公共环境变量，可以从 .env 文件或其他地方提供：

  devServer: {
    https: process.env.VUE_HTTPS === '1',
    ...

和

if (process.env.VUE_HTTPS === '1' && location.protocol !== 'https:') {
  ...