vue3项目server配置，跨域配置

最新推荐文章于 2026-06-18 09:33:44 发布

原创最新推荐文章于 2026-06-18 09:33:44 发布 · 1.9k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

139 篇文章 5 人学习

前端

订阅专栏查看详情

vue

当前文章被收录于：

vue

98 篇文章 2 人学习

日常工作所用到的vue相关知识，以及日常bug记录

订阅专栏查看详情

前端日常笔记

当前文章被收录于：

前端日常笔记

88 篇文章 0 人学习

日常所用到的技术，日常所遇到的BUG，日常所使用的小技巧，记录自己的成长，加油前端人！

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在 Vite 项目中配置 server 参数，包括端口设置、HTTPS 启用、主机名指定、自动打开浏览器功能及跨域代理配置等。通过这些配置，可以更好地控制项目的开发环境。

在这里插入图片描述
在vite.config.ts中的server进行配置

    server: {
      port: 3001,
      https: false,// https开启
      host: '0.0.0.0',// ip
      target: 'node',
      httpOnly: false,
      open: true,// 是否自动在浏览器中打开
      proxy: {// 跨域代理
        '/apis': {
          target: 'http://被代理地址', // 
          changeOrigin: true,
          httpOnly: false,
          rewrite: (path) => path.replace(/^\/apis/, '') //替换apis字段 也可以是其他字段
        },
        // 代理 WebSocket 或 socket
        // '/socket.io': {
        //   target: 'http://被代理地址',
        //   // ws: false,
        // }
      },
    },