前言

1、當前文件配置發(fā)布上線，只適用于路由的 hash 模式，history模式暫時還未發(fā)現(xiàn)有什么方法能夠解決線上不顯示的問題，如果有知道的同志提拔提拔小生。

2、剛寫了一個關(guān)于此的項目記錄一下，哪里覺得寫的不對的地方，希望各位大佬多提提寶貴的意見，廢話不多說，上代碼。

// vite.config.ts 文件
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve }  from "path";
//引入vant相關(guān)內(nèi)容
import styleImport, { VantResolve } from 'vite-plugin-style-import';
// https://vitejs.dev/config/
export default defineConfig({
    // 設(shè)置開發(fā)者模式以及生產(chǎn)模式訪問路徑
    base: process.env.NODE_ENV === "production" ? "./" : "./",
    plugins: [
        vue(),
        styleImport({
            //  引入vant UI  的樣式
            resolves: [VantResolve()],
        }),
    ],
    打包配置
    build: {
        target: 'modules',
        outDir: 'dist',         //指定輸出路徑
        assetsDir: 'assets',    // 指定生成靜態(tài)資源的存放路徑
        minify: 'terser',       // 混淆器，terser構(gòu)建后文件體積更小
        rollupOptions: {
            output: {
                //  指定打包輸出的js文件名稱
                chunkFileNames: "js/[name]-[hash].js",
                entryFileNames: "js/[name]-[hash].js",
                // assetFileNames: "[ext]/[name]-[hash].[ext]"
                //設(shè)置css和圖片的文件夾名稱，但是有弊端，css設(shè)置的背景圖片訪問不到,路徑是錯誤的
            }
        }
    },
    resolve: {
        alias: {
            //配置全局的訪問路徑，可通過@訪問到src文件地址
            "@": resolve(__dirname, "./src"),
        }
    },
    server: {
        cors: true, // 默認啟用并允許任何源
        open: false,// 默認打開瀏覽器
        port: 80,// 訪問的端口號
        host: "0.0.0.0",// 訪問的地址
        proxy: {
            '/api': {
                target: "請求的域名地址",
                changeOrigin: true,// 是否允許跨域代理
                rewrite: (path) => path.replace(/^\/api/, '') // 重定向地址
            }
        }
    },
})