vite项目中使用process

案件重现

你在vite项目中直接调用process.env.BASE_URL可能会发现报这个错

而你安装了process同样是无法解决的

---

原因

在vite中process已经被移除了

---

解决方法

vite.config.js

import { defineConfig } from 'vite'
// ...
export default defineConfig({
  // ...
  define: {
    'process.env': {}
  }
})

如果你用的是我推荐的安装方式则写成以下样式即可

import { createVuePlugin } from 'vite-plugin-vue2'

export default {
  plugins: [
    createVuePlugin(/* options */)
  ],
  define: {
    'process.env': {}
  },
  resolve: {
    alias: {
      'views': '@/views'
    }
  },
  server: {
    host: '0.0.0.0'
  }
}