vue使用proxyTable设置接口代理

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010394015/article/details/81460488

1、修改config/index.js里proxyTable

proxyTable: {
   '/api': {
       target: 'http://192.168.42.182:8080',
       changeOrigin: true,
       pathRewrite: {
           '^/api': '/'
       }
   },
}

2、修改config/dev.env.js

module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',
    API: '"/api"' // 加入这一句
})

3、设置axios的baseUrl

export default {
    get (url, params) {
        return axios({
            method: 'get',
            baseURL: process.env.API, // 修改这里
            url,
            params,
            timeout: 100000
        }).then((response) => {
             return checkStatus(response)
        }).then((res) => {
             return checkCode(res)
        })
    }
}

4、重启服务器 npm run dev就好啦