1.需求:前端打包後,運維要求修改index.html的引用路徑,增加/test字首。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0gTMx81dsQWZ4lmZf1GLlpXazVmcvwFciV2dsQXYtJ3bm9CX9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5yNzMTM2gjM4QWYmlDOkJTNzYzXxMjNzEDMyIzLcBTMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)
解決方法:
在vite.config.js配置
import { defineConfig } from "vite";
import { resolve } from "path"; // 主要用于alias檔案路徑别名
import vue from "@vitejs/plugin-vue";
import { svgBuilder } from "./src/icons";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), svgBuilder("./src/icons/svg/")],
resolve: {
alias: {
"@": resolve("src"),
},
},
base: "/test/",
即可,效果如下:
2.需求:修改前端通路接口的路徑。
解決方法:修改.env.production檔案中VITE_APP_BASE_API的值。