vue3 vite server配置/代理配置

在Vite项目中配置代理通常是为了解决开发过程中的跨域问题。你可以通过修改项目根目录下的vite.config.js（或vite.config.ts）文件来设置代理规则。

server: {
    port: 5173, // 设置开发服务器的端口号
    host: 'localhost', // 设置开发服务器的主机名
    open: true, // 是否在服务器启动时自动在浏览器中打开应用
    https: false, // 是否启用https
    proxy: {
        '/api': {
            target: 'http://example.com', // 目标服务器的地址
            changeOrigin: true, // 是否改变源地址
            rewrite: (path) => path.replace(/^\/api/, ''), // 重写路径
        },
    },
},

设置了开发服务器的端口号为5173，主机名为localhost，启动时自动打开浏览器，并且禁用了HTTPS。同时，配置了一个代理。

当开发服务器接收到一个匹配/api开头的请求时，它会将请求代理到http://example.com。
changeOrigin设置为true意味着请求头中的Host会被设置为目标服务器的地址，而不是开发服务器的地址。
rewrite函数用于重写请求路径，这里是去除了路径中的/api前缀。