浏览器查看打印结果:打印的是.env.development文件中的内容,import.meta.env这个环境变量是当前环境变量的内容。 生产环境 npm run build 打包后再dist目录选中index.html 右键运行 open with Live Server,同时注意在vite.config.js中配置根路径 base:'/',不然浏览器中会报错 浏览器中显示的结果为: 但是存在一个问...
使用环境变量:通过环境变量来配置代理目标地址,以便灵活切换不同的后端服务。 // vite.config.jsimport{defineConfig}from'vite';exportdefaultdefineConfig({server:{proxy:{'/api':{target:process.env.VITE_API_BASE_URL,changeOrigin:true,rewrite:(path)=>path.replace(/^\/api/,'')}}}); 在.env文件中...
proxy: {//配置后端代理 // 字符串简写写法 '/foo': 'http://localhost:4567', // 选项写法 '/api': { target: 'http://jsonplaceholder.typicode.com',//指向后端地址 changeOrigin: true,//允许跨域 rewrite: (path) => path.replace(/^\/api/, '') }, // 正则表...
其中server是比较常用的重要属性,特别是proxy主要是配置代理后端API地址的 target changeOrigin rewrite 服务端的选项常用的大概就这些了,期中最常用的就是解决开发过程中的跨域问题了,需要在proxy里面去设置即可,其他的不常用的选项如有用到去查vite官网的[**服务器选项**](https://vitejs.cn/vite3-cn/config/serv...
类型:boolean | https.ServerOptions 默认:server.https 启用TLS + HTTP/2。注意,只有在与server.proxy选项同时使用时,才会降级为 TLS。 该值也可以传递给https.createServer()的options 对象。 preview.open 类型:boolean | string 默认:server.open 开发服务器启动时,自动在浏览器中打开应用程序。当该值为字符串...
server: { host: 'localhost',// 开放服务器启动的地址,默认时localhost port: 9000,//项目启动端口 open: true,//项目启动时是否打开浏览器 base:'/',//用于代理 Vite 作为子文件夹时使用。 cors: true,//为开发服务器配置 CORS。默认启用并允许任何源,传递一个 选项对象 来调整行为或设为 false 表示禁...
server: { proxy: {'/basice': { target: config.VITE_BASIC_URL, changeOrigin:true, rewrite: (path)=> path.replace(/^\/basice/,'') } } }, } }) 以上是vite.config.js的配置,上面展示了在不同环境下去请求对应环境的域名并且配置代理进行跨域 ...
server: 开发服务器配置 host: 服务器主机。 port: 服务器端口。 strictPort: 如果端口被占用,是否退出。 https: 启用 https。 open: 自动打开浏览器。 proxy: 配置代理。 cors: 启用 CORS。 hmr: 热模块替换配置。 preview: 预览服务器配置 类似于 server,但用于 vite preview 命令。## plugins: 配置插件。
//vite.config.jsimport{defineConfig}from'vite'exportdefaultdefineConfig({server: {host:true// 监听所有地址 } }) 1. 2. 3. 4. 5. 6. 7. 8. 效果如下: 当手机和电脑处于同一个网络环境下,我们就可以通过下面那个地址进行访问了。 server.proxy ...
区分开发环境,测试环境和生产环境 首先在项目根目录下创建.env文件,Vite 使用dotenv从你的环境目录中的下列文件加载额外的环境变量 代码语言:javascript 复制 .env # 所有情况下都会加载.env.local # 所有情况下都会加载,但会被 git 忽略.env.[mode]# 只在指定模式下加载.env.[mode].local # 只在指定模式下加...