vite.config.ts 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. import { defineConfig } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  3. import AutoImport from 'unplugin-auto-import/vite'
  4. import Components from 'unplugin-vue-components/vite'
  5. import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  6. import { resolve } from "path";
  7. export default defineConfig({
  8. build: {
  9. outDir: "dist",
  10. chunkSizeWarningLimit: 1500
  11. },
  12. resolve: {
  13. alias: {
  14. "@": resolve(__dirname, "./src"), // 设置 `@` 指向 `src` 目录
  15. },
  16. },
  17. base: "./", // 设置打包路径
  18. server: {
  19. port: 3001, // 设置服务启动端口号
  20. cors: true, // 允许跨域
  21. host: true, //启动服务器显示ip
  22. // 设置代理
  23. proxy: {
  24. '/api': {
  25. target: "https://testapi.mige.tv/secretkey/secretkey/",
  26. changeOrigin: true,
  27. // secure: false,
  28. rewrite: (path) => path.replace('/api/', '/')
  29. }
  30. },
  31. fs: {
  32. strict: false
  33. }
  34. },
  35. plugins: [
  36. vue(),
  37. AutoImport({
  38. resolvers: [ElementPlusResolver()],
  39. }),
  40. Components({
  41. resolvers: [ElementPlusResolver()],
  42. }),
  43. ],
  44. css: {
  45. postcss: {
  46. plugins: [
  47. {
  48. postcssPlugin: 'internal:charset-removal',
  49. AtRule: {
  50. charset: (atRule) => {
  51. if (atRule.name === 'charset') {
  52. atRule.remove();
  53. }
  54. }
  55. }
  56. }
  57. ],
  58. },
  59. }
  60. })