# tp6 + uniapp 前后端跨域解決方案 php解決方案 ``` // 自增 允許跨域 // * 代表允許所有域名訪問 也可指定域名訪問 // header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Origin: http://localhost:8080'); if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { header('Access-Control-Allow-Headers:x-requested-with,content-type,token'); exit("ok"); } ``` uniapp解決方案 ``` // manifest.json "h5": { "devServer": { "proxy": { "/dpc": { "target": "http://接口域名.com/", // 你請求的第三方接口 "pathRewrite":{"^/dpc":""} // 路徑重寫， } } } } ``` // 請求代碼 在接口前加入創建的dpc ``` uni.request({ url: '/dpc/api/index/getBanner', success: (res) => { console.log(res) } }); ``` vue解決方案 ``` // config->index.js proxyTable: { '/api': { target:'http://接口域名.com/', // 你請求的第三方接口 changeOrigin:true, // 在本地會創建一個虛擬服務端，然后發送請求的數據，并同時接收請求的數據，這樣服務端和服務端進行數據的交互就不會有跨域問題 pathRewrite:{ // 路徑重寫， '^/api': '' // 替換target中的請求地址，也就是說以后你在請求http://api.douban.com/v2/XXXXX這個地址的時候直接寫成/api即可。 } } }, ```