import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import postCssPxToRem from "postcss-pxtorem"
import {resolve} from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: [{
      find: '@',
      replacement:resolve(__dirname,'src'),
        
    },
    {
      find: 'components',
      replacement:resolve(__dirname,'src/components'),
        
      }],
      extensions: [".ts", ".vue", ".js", ".jsx", ".tsx"], // 导入时想要省略的扩展名列表。
  },
  css: {
      postcss: {
        plugins: [
          postCssPxToRem({
            rootValue: 37.5, // 1rem的大小
            propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
          })
        ]
      }
  },
  // 配置代理
    server: {
      host: '0.0.0.0', // 会映射多个域名地址
      port: 8000, // 默认起始端口号
      open: true, // 自动打开浏览器访问
      proxy: {
        '/app-dev': { // 代理所有以 '/app-dev'开头的请求路径
          // 前后台接口地址
          target: 'http://gmall-h5-api.atguigu.cn',
          // 备用地址
          // target:'http://gmall-h5-api.atguigu.cn/',
          // 服务器得到的就不是当前应用的域名了, 而是后台的域名
          changeOrigin: true,
          // 重写路径: 去掉路径中开头的'/dev-api'
          rewrite: (path:any) => path.replace(/^\/app-dev/, ''),
        },
        '/app-wanyi': { // 代理所有以 '/app-dev'开头的请求路径
          // 前后台接口地址
          target: 'https://m.you.163.com',
          // 备用地址
          // target:'http://gmall-h5-api.atguigu.cn/',
          // 服务器得到的就不是当前应用的域名了, 而是后台的域名
          changeOrigin: true,
          // 重写路径: 去掉路径中开头的'/dev-api'
          rewrite: (path:any) => path.replace(/^\/app-wanyi/, ''),
        },
      },
    },
  
})