基本配置
约 164 字小于 1 分钟
2025-03-25
1、配置代理
export default defineConfig({
server: {
proxy: {
"/api": {
target: "http://127.0.0.1:8080",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""),
},
},
},
});
2、配置代理与显示请求日志
import path from "path";
export default defineConfig({
server: {
proxy: {
"/api": {
target: "http://127.0.0.1:8080",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""),
configure: (proxy) => {
proxy.on("proxyReq", (proxyReq) => {
console.log(
`代理请求: ${proxyReq.method}
${proxyReq.protocol}${proxyReq.host}${proxyReq.path}
`
);
});
},
},
},
},
});
3、配置@别名
import path from "path";
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
//设置路径别名
alias: {
"@": path.resolve(__dirname, "./src"),
"*": path.resolve(""),
},
},
});
4、配置地址和端口
export default defineConfig({
server: {
host: "0.0.0.0",
port: 8080,
},
});
5、自动打开浏览器
export default defineConfig({
server: {
host: "0.0.0.0",
port: 8080,
open: true, // 服务启动时是否自动打开浏览器
},
});