vite vue3 配置本地域名

在使用Vite和Vue 3开发项目时，配置本地域名主要是为了在开发环境中访问项目，通常涉及到修改`vite.config.js`文件中的代理设置。以下是配置步骤：

1. **打开`vite.config.js`文件**：这个文件位于你的项目根目录下，如果Vite没自带，你可以自己创建一个。

2. **找到`server`或`devServer`部分**：这通常是Vite用来设置服务器的部分。

3. **添加`proxy`属性**：如果你已经有一个`devServer.proxy`对象，你可以增加一个新的条目。例如，如果你想映射本地的`localhost:8080`到项目的URL，你可以这样配置：

   devServer: {
     proxy: [
       {
         target: 'http://localhost:8080', // 你的服务运行地址
         changeOrigin: true,
         ws: true, // 如果有WebSocket需要开启
         pathRewrite: { '^/api': '' } // URL路径重写规则
       }
     ]
   }

4. **路径重写**：`pathRewrite`选项用于处理API请求的URL路径。`'^/api'`表示将所有以`/api`开头的请求替换为实际的目标地址。

5. **保存并重启Vite**：保存更改后，你需要关闭当前的开发服务器，然后重新启动Vite，新的配置才会生效。

现在，你就可以通过`http://localhost:8080`访问你的Vue 3项目了。