vue 代理配置之后接口返回index.html 問題以及解決方案

解決方案： 接口路徑和代理名稱重復，把代理中的/api 修改成一個不會沖突的名字

 

問題描述：以下兩個接口都返回了index.html頁面

 

 

接口路徑配置

const proxyURL = '/api'

const proxyCmp = '/cmp'

${proxyURL}/market-data /api-keys

${proxyCmp} /apifiny/user/admin/get-message-list

 

代理配置

'/api': {
        target: 'http://www.abc.com',
        changeOrigin: true,
        secure: false
 },
 '/cmp': {
        target: 'http://www.bai.com',
        changeOrigin: true,
        secure: false,
 },

 修改接口路徑配置

const proxyURL = '/apiProxy'

${proxyURL}/api/market-data /api-keys

 

修改代理配置

'/apiProxy': {
        target: 'http://www.abc.com',
        changeOrigin: true,
        secure: false，
　　　　　pathRewrite: {          　　
　　　　　　'^/apiProxy': ''

        　},

 },
 '/cmp': {
        target: 'http://www.bai.com',
        changeOrigin: true,
        secure: false,
 },