【uniapp】跨域配置代理，仅限vue3_uniapp vue3 跨域配置

在项目根目录创建 vite.config.js文件

// vite.config.js
import {
  defineConfig
} from 'vite'
import uni from '@dcloudio/vite-plugin-uni' //官方内置的,不用下载,下面代码粘贴直接用即可
 
export default defineConfig({
  plugins: [
    uni()
  ],
  server: {
    port: 8300,//端口号
    proxy: {
      '/api': {
        target: 'http://xxxx', // 目标服务  
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, ''),
      }
    }
  }
})

页面请求就可以这样写

  uni.request({
    url: '/api/user/sendSMS',//会匹配api，把api换到代理的端口
    method: 'POST',
    data: {
      mobile: '13261595519',
      templateCode: 6
    },
    header: { 'content-type': 'application/x-www-form-urlencoded' },
    success: (res) => {
      console.log(222, res);
      sms.value = res.data.retData;
    },
    fail: (err) => {
      console.error('网络请求失败', err);
    }
  });