文章内容
2023/2/3 14:58:07,作 者: 黄兵
Vue3/Vite 如何设置代理
最近使用 Vue3 开发前端应用，需要与后端进行数据查询，使用的是 Vite，关于 Vite 的详细信息可以参考下面的第 2 条资料。
使用 CLI 新建了一个项目之后，出现了一个 vite.config.ts 的文件，截图如下：
我们可以通过配置 vite.config 文件，设置我们的代理：
import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
// https://vitejs.dev/config/
export default defineConfig({
// add this line for server
server: {
proxy: {
"/api": {
target: "http://127.0.0.1:5000",
changeOrigin: true,
secure: false,
},
},
},
// some other configuration
plugins: [uni()],
});
这样就可以与我们后端的 API 进行数据交互了。
参考资料：
评论列表