vite打包配置访问不到后端接口

要访问后端接口，可以在Vite的配置文件中设置代理。在Vite的配置文件中添加以下代码：

export default {
  proxy: {
    '/api': {
      target: 'http://localhost:3000', // 设置你的后端接口地址
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, '') // 去掉请求路径中的 '/api'
    }
  }
}

这段代码会将以 `/api` 开头的请求代理到 `http://localhost:3000`，也就是你的后端接口地址。这样你就可以在前端代码中使用 `/api` 开头的请求路径来访问后端接口了。例如：

fetch('/api/users')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error))

这个例子中，我们向 `/api/users` 发送请求，Vite 会将它代理到 `http://localhost:3000/users`。

相关问题

vite.config.ts配置后端

你好，配置vite.config.ts的配置后端需要依赖于你的应用程序和服务器环境。根据你的情况，你可以使用Node.js，Express.js，Koa，Hapi或其他HTTP服务器框架来构建你的后端。

vite打包配置，不转换成Generator和yield

如果你希望在使用 Vite 打包时不转换成 Generator 和 yield，可以在 Vite 配置文件中设置 `esbuild.target` 为 `"es2019"`，这样就可以避免这种转换了。例如：

// vite.config.js
export default {
  build: {
    target: 'es2019'
  }
}

这样配置后，Vite 在打包时就会将代码转换为 ES2019 标准的 JavaScript，而不是将 Generator 和 yield 转换为 ES5 的 JavaScript。注意，这样配置可能会导致一些浏览器不支持的语法特性，需要根据实际情况进行选择。