自学内容网 自学内容网

uniapp+veu3在vite.config.ts配置代理解决跨域问题

我的本地服务接口地扯是:http://localhost/test/Test.php?user_id=1

我的前端访问地扯是:http://localhost:5173/

前端访问后端服务接口就会跨域,配置代理如下:

配置文件名:vite.config.ts

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
  server: {
      proxy: {
        '/api': {
          target: 'http://127.0.0.1',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
  },
});

前端api访问使用相对路径:前面加‘/api’

return request<User>(`/api/test/Test.php?user_id=${userId}`) 

 我在这里碰到一个坑,不知道为什么用域名http://locahost代理不起作用,使用http://127.0.0.1就可以。不知道是不是都是用的本地地扯的原因。


原文地址:https://blog.csdn.net/m0_69254007/article/details/142925357

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!