主要在config->index.js中配置
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了新興免費(fèi)建站歡迎大家使用!
proxyTable: { ‘/gameapi': { changeOrigin: true, // target: ‘http://rap.id.cn/mockjs/20‘, mock地址 target: ‘http://192.168.1.124‘,服務(wù)器地址 pathRewrite: { ‘^/gameapi': ‘/gameapi' }, secure:false } }
因此,發(fā)送請(qǐng)求時(shí)候url寫為('/gameapi/gift-applylist')就能拿到接口數(shù)據(jù)。
但是注意配置后需要重新npm run dev才會(huì)生效。
當(dāng)然如果有兩個(gè)不同路徑也可以配置兩個(gè)
proxyTable: { ‘/gameapi': { changeOrigin: true, // target: ‘http://rap.id.cn/mockjs/20‘, target: ‘http://192.168.1.124‘, pathRewrite: { ‘^/gameapi': ‘/gameapi' }, secure:false }, ‘/cps': { changeOrigin: true, // target: ‘http://rap.idu.cn/mockjs/20‘, target: ‘http://192.168.1.124‘, pathRewrite: { ‘^/cps': ‘/cps' }, secure:false } },
以上這篇vue 本地環(huán)境跨域請(qǐng)求proxyTable的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。