值得收藏点赞的跨域方法

vue3vite项目中，可以通过跨域来实现后端接口对接，我们需要找到在项目底下中的vite.config.ts文件 , 以下是代码示例：

vite.config.ts文件

import { defineConfig } from 'vite'
export default defineConfig({
    server: {
        port: 88, // 服务端口号
        open: false, // 服务启动时是否自动打开浏览器
        cors: true, // 允许跨域
        proxy: {
          '/api': {
            target: 'http://192.168.16.89:8860',//这是后端运行的IP地址
            changeOrigin: true,
            rewrite: (path) => path.replace('/api', '')
          }
        }
      }
})

运行vue3vite项目后，在接口路径上加/api就可以运行后端接口啦。

接口案例