import vue from '@vitejs/plugin-vue'
const path = require('path')
// vite.config.js # or vite.config.ts
console.log(path.resolve(__dirname, './src'))
module.exports = {
  plugins: [vue()],
  "resolve.alias": {
    // 鍵必須以斜線開始和結束
    '/@/': path.resolve(__dirname, './src')
  },
  hostname: '127.0.0.1',
  port: 3000,
  // 是否自動在瀏覽器開啟
  open: true,
  // 是否開啟 https
  https: false,
  // 服務端渲染
  ssr: false,
  /**
   * 在生產中服務時的基本公共路徑。
   * @default '/'
   */
  base: './',
  /**
   * 與“根”相關的目錄，構建輸出將放在其中。如果目錄存在，它將在構建之前被刪除。
   * @default 'dist'
   */
  outDir: 'dist',
  // 反向代理，此處應該特別注意，網上很多教程是直接設定proxy，並沒有向官網那樣新增 server，可能會導致失敗，vite官網：https://vitejs.dev/guide/features.html#async-chunk-loading-optimization
  server:{
    proxy: {
      '/api': {
        target: 'https://api.pingping6.com/tools/baidutop/',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  }

}