import vue from '@vitejs/plugin-vue';
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
const postCssPxToRem = require("postcss-pxtorem")

export default {
  server:{
  proxy: {
    '/api': {
        target: 'http://101.34.76.154:8081',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
    },
    '/good':{
      target:"http://192.168.160.99:8081",
      changeOrigin: true,
      rewrite: path => path.replace(/^\/good/, '')
    }
  }},
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
  // server: {
  //   proxy: {
  //     "/api": {
  //       target: "http://101.34.76.154:8081",
  //       changeOrigin: true,
  //       rewrite: (path) => path.replace(/^\/api/, ""),
  //     },
  //   },
  // },
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue: 37.5, // 1rem的大小
          propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
        })
      ]
    },
  }
  
};