.env.dev
NODE_ENV = 'development'
VITE_BASE_API = "http://192.168.1.663:8000"
vite.config.js
1、注意是server 不是 devServer
2、重写使用 rewrite
3、使用环境变量用 loadEnv(mode, process.cwd()).VITE_APP_BASE_API
import {
defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
const path = require("path");
import {
svgBuilder } from "./src/icons/svgBuilder.js";
export default ({
mode }) => {
return defineConfig({
base: process.env.ELECTRON == "true" ? "./" : ".",
resolve: {
alias: {
// 键必须以斜线开始和结束
"@": path.resolve(__dirname, "./src")
}
// 忽略后缀名的配置选项,vue不建议这样做,因为会影响IDE和类型支持
//extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"]
},
plugins: [vue(), svgBuilder("./src/icons/svg/")],
server: {
proxy: {
"/api": {
target: loadEnv(mode, process.cwd()).VITE_APP_BASE_API,
ws: true,
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, "")
},
}
}
});
};
package.json
"scripts": {
"dev": "cross-env vite --mode dev",
},
今天的文章vite配置多环境代理分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/26340.html