h5項目本地調(diào)試跨域，vue3在manifest.json里配置devServer轉(zhuǎn)發(fā)是不生效的，vue3項目是用vite編譯的，需要在項目根目錄創(chuàng)建vite.config.js

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

export default defineConfig({
    plugins: [uni()],
    server: {
      proxy: {
        "/prefix": {
          target: "https://juejin.cn/", // 目標(biāo)接口地址
          changeOrigin: true,
          rewrite: path => path.replace(/^\/prefix/, '')
        }
      }
    }
})

使用：

// 直連
function directRequest() {
    uni.request({
        url: 'https://juejin.cn/post/6844904063855755271'
    })
}

// 轉(zhuǎn)發(fā)
function proxyRequest() {
    uni.request({
        url: '/prefix/post/6844904063855755271'
    })
}

這樣就會把prefix開頭的地址轉(zhuǎn)為目標(biāo)地址https://juejin.cn/

效果：

image.png

也可以直接用谷歌瀏覽器插件，插件地址：
https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf